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

返回列表 发帖
查看: 963|回复: 1 收起左侧
开启左侧收起左侧开启左侧
上一主题 下一主题 打印

图片特效代码   [复制链接]

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

示例图:

2.jpg
2020-3-25 14:21


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

把代码添加到css_common:

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

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


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

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


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

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


④板块图标效果代码:

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


⑤论坛logo效果代码:

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


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

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

最近看过此主题的会员

繽紛色彩
访问时间:2020-08-25 22:35
小豪
访问时间:2020-05-10 12:53
开心
访问时间:2020-05-08 22:28
無名
访问时间:2020-04-18 01:57

点评
B Color Link Smilies

您还可以输入:个字符
X

 X

楼主发帖辛苦了,谢谢楼主的分享!
点评
B Color Link Smilies

您还可以输入:个字符
X

 X

返回列表 发帖
快速
返回顶部
返回首页