WordPress评论头像并旋转特效教程

少羽.
393
文章
72
评论
2019年1月10日16:45:02 评论 3,855 572字阅读1分54秒

估计现在大家在浏览一些博客时,会发现博客评论栏里的头像是圆形并且鼠标移上去还能有360°旋转动画效果。其实,要此效果一点也不难,是纯CSS样式即可实现。在这里分享给大家。

在我的评论栏中头像已有此效果,可以往下看一下。

评论栏里的头像使用的是默认的avatar样式,找到主题目录下Style.css,在最下面添加如下css样式代码即可。(IE浏览器暂不支持旋转,chrome支持)
首先设置头像是圆形

.avatar{
/*设置圆形*/
-webkit-transition: .8s;-moz-transition: .8s;-o-transition: .8s;-ms-transition: .8s;padding: 2px;border: 1px solid #ddd;background: #fff}

增加旋转动画效果

.avatar:hover{
/*旋转动画*/
transform: rotate(720deg);-webkit-transform: rotate(720deg);-moz-transform: rotate(720deg);-o-transform: rotate(720deg);-ms-transform: rotate(720deg);border-radius: 30px!important}

编辑保存好后,ctrl+F5刷新网页,效果应该就有了。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
广告也精彩
对某DDOS页端源码的一次简单审计 漏洞分析

对某DDOS页端源码的一次简单审计

今天我们审计一套DDOS程序,源码原作者是开心.(具体是不是我也不知道,反正就是这样吧!) 这套源码也就是你们所谓的红色ddos页端源码,这套源码 其原作者承认过自己留后门,但是只说了一部分,我们先来...
discuz x3.4 getshell漏洞 漏洞分析

discuz x3.4 getshell漏洞

开始 2019年7月11日, Discuz!ML被发现存在一处远程代码执行漏洞,攻击者通过在请求流量的cookie字段中的language参数处插入构造的payload,进行远程代码执行利用,该漏洞利...
渗透培训《文件包含》漏洞 渗透笔记

渗透培训《文件包含》漏洞

原理 文件包含漏洞产生的原因是在通过php函数引入文件时,由于传入的文件名没有经过合理的校验,从而引发了文件的泄漏或者恶意代码的注入 本文包含 图片马使用教程(很多人知道图片马却不知道使用方法) ph...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: