免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

标题: 图片特效代码 [打印本页]
作者: 無名    时间: 2020-3-25 14:46     标题: 图片特效代码

来源：古晋分享站模板里挖出来的代码，希望大家会喜欢。

示例图：

2.jpg

[colorT]可以把鼠标放在本论坛“火狼N格”的“精彩图片”，明星榜以及论坛板块图标看效果。[/colorT]

把代码添加到css_common：

①仿火狼“精彩图片”效果代码：

本帖隐藏的内容需要回复才可以浏览


②仿火狼“社区微博”图片效果代码：

本帖隐藏的内容需要回复才可以浏览


③仿火狼明星榜效果代码：

本帖隐藏的内容需要回复才可以浏览


④板块图标效果代码：

本帖隐藏的内容需要回复才可以浏览


⑤论坛logo效果代码：

本帖隐藏的内容需要回复才可以浏览


⑥scale(1.5) 里的 5 这个数字以及 0.6s 秒数可以按自己的需求任意修改。

⑦代码解说：
    仿火狼明星榜的 border-radius:.......rgba(0,0,0,.2); 这段代码是头像圆圈化，后面跟下一段是360度旋转。
    板块图标的 border-radius: 10px; 是四个圆角。
    logo 的第一段是一个特效，后面两段是另一个特效，这些都可以分开来时用，可以自己慢慢琢磨。

图片附件: 2.jpg (2020-3-25 14:21, 212.87 KB) / 下载次数 360
http://i-share.66rt.com/attachment.php?aid=1690&k=eaa28d00b091cf4c029d81e85d7c04e1&t=1713556229&sid=Q5gXSG

作者: 开心    时间: 2020-3-25 23:20

楼主发帖辛苦了，谢谢楼主的分享！
作者: 琼斯博士    时间: 2021-12-28 16:08

楼主发帖辛苦了，谢谢楼主的分享！



欢迎光临 i-share 爱生活爱分享 (http://i-share.66rt.com/) Powered by Discuz! 7.2