免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
帖子
发帖
查看: 6152|回复: 2
上一主题 下一主题 打印

[求助] 大家都来研究一下这个Html5特效CSS代码   [复制链接]

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

附件:您需要 登录 才可以下载或查看,没有帐号?立即注册

x
本帖最后由 麻城生活网 于 2018-12-2 11:15 编辑

http://www.discuz.net/thread-3445351-1-1.html

按照帖子安装了一下   css以附件上传调用地址      没什么反应   也不知道是什么特效     所以上来发帖大家一起研究一下      很好奇
发帖际遇:麻城生活网 被丧尸围攻死亡,在地府用了 15 威望得到一次重生机会

最近看过此主题的会员

李奥
访问时间:2023-10-07 06:47
九七九七
访问时间:2021-08-05 13:55
实中网
访问时间:2021-06-02 20:48
东窗凝月
访问时间:2020-05-07 07:29
云惠果果
访问时间:2019-12-26 11:45
天使小小
访问时间:2018-12-08 15:34
芙蓉姐姐
访问时间:2018-12-06 14:22
麻城生活网
访问时间:2018-12-04 17:46
琪乐
访问时间:2018-12-02 20:42

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

原文css代码
  1. @keyframes pop{
  2. 0%{opacity:0;transform:scale(0.2);-ms-transform:scale(0.2);}
  3. 60%{opacity:0.75;transform:scale(1.1);-ms-transform:scale(1.1);}
  4. 100%{opacity:1;transform:scale(1);-ms-transform:scale(1);}
  5. }
  6. @-moz-keyframes pop{
  7. 0%{opacity:0;-moz-transform:scale(0.2);}
  8. 60%{opacity:0.75;-moz-transform:scale(1.1);}
  9. 100%{opacity:1;-moz-transform:scale(1);}
  10. }
  11. @-webkit-keyframes pop{
  12. 0%{opacity:0;-webkit-transform:scale(0.2);}
  13. 60%{opacity:0.75;-webkit-transform:scale(1.1);}
  14. 100%{opacity:1;-webkit-transform:scale(1);}
  15. }
  16. @-o-keyframes pop{
  17. 0%{opacity:0;-o-transform:scale(0.2);}
  18. 60%{opacity:0.75;-o-transform:scale(1.1);}
  19. 100%{opacity:1;-o-transform:scale(1);}
  20. }
  21. @keyframes fastr{
  22. 0%{opacity:0;transform:translate(0,60px);}
  23. 100%{opacity:1;transform:translate(0,0);}
  24. }
  25. @-webkit-keyframes fastr{
  26. 0%{opacity:0;-webkit-transform:translate(0,60px);}
  27. 100%{opacity:1;-webkit-transform:translate(0,0);}
  28. }
  29. @-moz-keyframes fastr{
  30. 0%{opacity:0;-moz-transform:translate(0,60px);}
  31. 100%{opacity:1;-moz-transform:translate(0,0);}
  32. }
  33. @-o-keyframes fastr{
  34. 0%{opacity:0;-o-transform:translate(0,60px);}
  35. 100%{opacity:1;-o-transform:translate(0,0);}
  36. }
  37. @keyframes afastr{
  38. 0%{opacity:0;transform:translate(0,-60px);}
  39. 67%{opacity:1;transform:translate(0,0);}
  40. 86%{opacity:1;transform:translate(0,-2px);}
  41. 100%{opacity:1;transform:translate(0,0);}
  42. }
  43. @-webkit-keyframes afastr{
  44. 0%{opacity:0;-webkit-transform:translate(0,-60px);}
  45. 67%{opacity:1;-webkit-transform:translate(0,0);}
  46. 86%{opacity:1;-webkit-transform:translate(0,-2px);}
  47. 100%{opacity:1;-webkit-transform:translate(0,0);}
  48. }
  49. @-moz-keyframes afastr{
  50. 0%{opacity:0;-moz-transform:translate(0,-60px);}
  51. 67%{opacity:1;-moz-transform:translate(0,0);}
  52. 86%{opacity:1;-moz-transform:translate(0,-2px);}
  53. 100%{opacity:1;-moz-transform:translate(0,0);}
  54. }
  55. @-o-keyframes afastr{
  56. 0%{opacity:0;-o-transform:translate(0,-60px);}
  57. 67%{opacity:1;-o-transform:translate(0,0);}
  58. 86%{opacity:1;-o-transform:translate(0,-2px);}
  59. 100%{opacity:1;-o-transform:translate(0,0);}
  60. }
  61. .fwinmask{animation-duration:0.4s;-webkit-animation-duration:0.4s;animation-name:pop;-webkit-animation-name:pop;}
  62. .p_pop{animation-duration:0.2s;-webkit-animation-duration:0.2s;animation-name:afastr;-webkit-animation-name:afastr;}
  63. .fastpreview{animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-name:afastr;-webkit-animation-name:afastr;}
  64. .pct{animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-name:fastr;-webkit-animation-name:fastr;}
  65. #hd h2{animation-duration:0.4s;-webkit-animation-duration:0.4s;animation-name:afastr;-webkit-animation-name:afastr;}
  66. #um,#toptb,.pns{animation-duration:1s;-webkit-animation-duration:1s;animation-name:afastr;-webkit-animation-name:afastr;}
  67. #hd h2{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;}
  68. #hd h2:hover{transform:scale(1.07) rotate(-1deg);-webkit-transform:scale(1.07) rotate(-1deg);-moz-transform:scale(1.07) rotate(-1deg);-o-transform:scale(1.07) rotate(-1deg);}
  69. .avt{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;}
  70. .avt:hover{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-o-transform:scale(1.07);}
  71. #scbar_txt{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;}
  72. #scbar_txt:hover{width:450px;text-shadow:#585858 0px 0px 3px;}
  73. #scbar_txt:focus{width:450px;}
  74. #ls_username,#ls_password{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;}
  75. #ls_username:focus,#ls_password:focus{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
  76. a{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;}
  77. a:hover,a:visited:hover{text-shadow:#585858 0px 0px 3px;}
复制
其他头部信息:<link rel="stylesheet" type="text/css" href="CSS地址"/>
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

打破零回复
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

TOP

发帖
B Color Image Link Quote Code Smilies
高级模式 | 发新话题

 
您需要登录后才可以回帖 登录|立即注册 
快速
返回顶部
返回首页