免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

让你的论坛动起来最新版【css3+html5】

本文来自:★flash之路-flash技术交流★ 转帖请注明出处! 作者:flashroad 您是第487个浏览者

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

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

x
flashroad友情提示:
“点评”不是“回帖”!
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

友情提示:单击下列任意一个表情,即可瞬间自动回复本帖!

好贴......
郁闷......
开心......
擦汗......
鄙视......
狂怒
谢谢
爱你呦
拜托了
嗯嗯
OMG
求关注
伤心......
无奈.....
无奈.....
无奈.....
无奈.....
无奈.....
哈哈哈
NO
OK
what
我来了

最近访问本帖者列表:

天使小小
访问时间:2020-04-09 10:03
虚心
访问时间:2018-12-24 22:04
众望所归
访问时间:2018-11-06 21:10
flashroad
访问时间:2018-10-10 22:48
麻城生活网
访问时间:2018-09-10 09:28
无界
访问时间:2018-09-02 19:45

打赏

取消

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by 爱秀代码,分享从这里开始,精彩与您同在

点评
B Color Smilies

您还可以输入:个字符
X

X

在其他头部信息中加入下面的代码即可:

  1. <!--让你的论坛真正的动起来-->
  2. <style>
  3. @keyframes pop{
  4. 0%{opacity:0;transform:scale(0.2);-ms-transform:scale(0.2);}
  5. 60%{opacity:0.75;transform:scale(1.1);-ms-transform:scale(1.1);}
  6. 100%{opacity:1;transform:scale(1);-ms-transform:scale(1);}
  7. }
  8. @-moz-keyframes pop{
  9. 0%{opacity:0;-moz-transform:scale(0.2);}
  10. 60%{opacity:0.75;-moz-transform:scale(1.1);}
  11. 100%{opacity:1;-moz-transform:scale(1);}
  12. }
  13. @-webkit-keyframes pop{
  14. 0%{opacity:0;-webkit-transform:scale(0.2);}
  15. 60%{opacity:0.75;-webkit-transform:scale(1.1);}
  16. 100%{opacity:1;-webkit-transform:scale(1);}
  17. }
  18. @keyframes fastr{
  19. 0%{opacity:0;transform:translate(0,60px);}
  20. 100%{opacity:1;transform:translate(0,0);}
  21. }
  22. @-webkit-keyframes fastr{
  23. 0%{opacity:0;-webkit-transform:translate(0,60px);}
  24. 100%{opacity:1;-webkit-transform:translate(0,0);}
  25. }
  26. @-moz-keyframes fastr{
  27. 0%{opacity:0;-moz-transform:translate(0,60px);}
  28. 100%{opacity:1;-moz-transform:translate(0,0);}
  29. }
  30. @keyframes afastr{
  31. 0%{opacity:0;transform:translate(0,-60px);}
  32. 67%{opacity:1;transform:translate(0,0);}
  33. 86%{opacity:1;transform:translate(0,-2px);}
  34. 100%{opacity:1;transform:translate(0,0);}
  35. }
  36. @-webkit-keyframes afastr{
  37. 0%{opacity:0;-webkit-transform:translate(0,-60px);}
  38. 67%{opacity:1;-webkit-transform:translate(0,0);}
  39. 86%{opacity:1;-webkit-transform:translate(0,-2px);}
  40. 100%{opacity:1;-webkit-transform:translate(0,0);}
  41. }
  42. @-moz-keyframes afastr{
  43. 0%{opacity:0;-moz-transform:translate(0,-60px);}
  44. 67%{opacity:1;-moz-transform:translate(0,0);}
  45. 86%{opacity:1;-moz-transform:translate(0,-2px);}
  46. 100%{opacity:1;-moz-transform:translate(0,0);}
  47. }
  48. @keyframes fastscale{
  49. 0%{opacity:0;transform:scale(0.2,1) translate(-226px,0);}
  50. 100%{opacity:1;transform:scale(1,1) translate(0,0);}
  51. }
  52. @-webkit-keyframes fastscale{
  53. 0%{opacity:0;-webkit-transform:scale(0.2,1) translate(-226px,0);}
  54. 100%{opacity:1;-webkit-transform:scale(1,1) translate(0,0);}
  55. }
  56. @-moz-keyframes fastscale{
  57. 0%{opacity:0;-moz-transform:scale(0.2,1) translate(-226px,0);}
  58. 100%{opacity:1;-moz-transform:scale(1,1) translate(0,0);}
  59. }
  60. .fwinmask{animation:pop 0.4s;-moz-animation:pop 0.4s;-webkit-animation:pop 0.4s;}
  61. .p_pop{animation:afastr 0.2s;-moz-animation:afastr 0.2s;-webkit-animation:afastr 0.2s;}
  62. .popupmenu_popup{animation:afastr 0.2s;-moz-animation:afastr 0.2s;-webkit-animation:afastr 0.2s;}
  63. .fastpreview{animation:afastr 0.5s;-webkit-animation:afastr 0.5s;-moz-animation:afastr 0.5s;}
  64. .defaultpost{animation:fastr 0.5s;-webkit-animation:fastr 0.5s;-moz-animation:fastr 0.5s;}
  65. .tip{animation:pop 0.3s;-webkit-animation:pop 0.3s;-moz-animation:pop 0.3s;}
  66. .jfts{animation:pop 0.3s;-webkit-animation:pop 0.3s;-moz-animation:pop 0.3s;}
  67. .vipde{animation:pop 0.3s;-webkit-animation:pop 0.3s;-moz-animation:pop 0.3s;}
  68. .t_attach{animation:pop 0.3s;-webkit-animation:pop 0.3s;-moz-animation:pop 0.3s;}
  69. #header h2{animation:afastr 0.4s;-webkit-animation:afastr 0.4s;-moz-animation:afastr 0.4s;}
  70. #umenu,#Jasper_toptb,.moreconf,#jff{animation:afastr 1s;-webkit-animation:afastr 1s;-moz-animation:afastr 1s;}
  71. #header h2{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;}
  72. #header h2:hover{transform:scale(1.07) rotate(-1deg);-webkit-transform:scale(1.07) rotate(-1deg);-moz-transform:scale(1.07) rotate(-1deg);}
  73. .avt_y{transition:all .15s ease-out;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;}
  74. .avt_y:hover{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);}
  75. #scbar_txt{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;}
  76. #scbar_txt:focus,#scbar:hover #scbar_txt{width:450px}
  77. #ls_username,#ls_password{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;}
  78. #ls_username:focus,#ls_password:focus{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
  79. a{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
  80. a:hover,a:visited:hover{text-shadow:#585858 0px 0px 3px;text-decoration:none;}
  81. .fl_g:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}

  82. .appl img,.fl_icn_g img{transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}
  83. .appl li:hover img{transform:rotate(20deg);-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);}
  84. .userinfopanel{animation:fastscale 0.2s;-webkit-animation:fastscale 0.2s;-moz-animation:fastscale 0.2s;}
  85. </style>
复制
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.

获得 小福神卡 一张

卡片说明:flashroad照顾了失踪的小狗,主人付出了3金钱以作感谢

卡片效果:+3

点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

我来了.....
您所在的用户组只能看到部分内容.
如查看全部内容, 请先登录或者注册.
点评
B Color Smilies

您还可以输入:个字符
X

X

TOP

 

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

您需要登录后才可以回帖 登录|立即注册

快速
返回顶部
返回首页