免費論壇 繁體 | 簡體
公告：SCLUB雲端專屬主機己開放租用
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
返回列表 下一主题 ›› ‹‹ 上一主题689浏览 | 2回复 发帖

1# 跳转到 » 倒序看帖
9528发表于 2024-8-15 23:14 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~

帖内头像圆角且鼠标放在上面头像360度旋转

放css_common.htm底部

鼠标移入后旋转效果

  1. .postauthor .avatar img{border-radius:50%;border:2px solid #fff;box-shadow:1px 1px 0 0 rgba(0,0,0,.2);transition:0.8s;-webkit-transition:0.8s;-moz-transition:0.8s}
  2. .postauthor .avatar img:hover{-webkit-transform:rotate(360deg) scale(1);-moz-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1)}
复制代码






鼠标移入后缩小加旋转效果


  1. .postauthor .avatar img{border-radius:50%;border:2px solid #fff;box-shadow:1px 1px 0 0 rgba(0,0,0,.2);transition:0.8s;-webkit-transition:0.8s;-moz-transition:0.8s}
  2. .postauthor .avatar img:hover{-webkit-transform:rotate(360deg) scale(0.5);-moz-transform:rotate(360deg) scale(0.5);-ms-transform:rotate(360deg) scale(0.5);-o-transform:rotate(360deg) scale(0.5)}
复制代码




鼠标移入后放大加旋转效果


  1. .postauthor .avatar img{border-radius:50%;border:2px solid #fff;box-shadow:1px 1px 0 0 rgba(0,0,0,.2);transition:0.8s;-webkit-transition:0.8s;-moz-transition:0.8s}
  2. .postauthor .avatar img:hover{-webkit-transform:rotate(360deg) scale(1.5);-moz-transform:rotate(360deg) scale(1.5);-ms-transform:rotate(360deg) scale(1.5);-o-transform:rotate(360deg) scale(1.5)}
复制代码

收藏 分享
分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
欢迎来到9528虚拟世界分享圈！Http://9528.gain.tw
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页


2#
9528发表于 2024-10-27 13:21 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~
9999deg
欢迎来到9528虚拟世界分享圈！Http://9528.gain.tw
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页


3#
9528发表于 2024-10-27 13:21 〇一二三四五六七八九十百千万亿零壹贰叁肆伍陆柒捌玖拾佰仟萬億~
9999deg
欢迎来到9528虚拟世界分享圈！Http://9528.gain.tw
   免費論壇申請

在线电影 在线音乐 在线阅读 软件下载 美图分享 返回首页

返回列表 下一主题 ›› ‹‹ 上一主题689浏览 | 2回复