知更鸟Begin主题给关于本站头像添加旋转变圆特效

  • 6
  • 392 views

我们都知道知更鸟Begin主题自带的效果功能中,关于本站里的头像当鼠标挪过去是不会发生旋转的,也没有如图显示的绿色阴影效果。好久没有逛站长的博客了,今天闲来无事看到了这么一个效果,就是当鼠标挪动到关于本站里的图片时,图片会发生宣传特效,感觉还是挺不错的,所以就马上迫不及待想分享给朋友们。

知更鸟Begin主题给关于本站头像添加旋转变圆特效

此文章在孤狼博客里有看到,如果大家想知道详细教程也可以去孤狼博客里看看,至于效果的话叶忠文就不截图了,大家可以在叶忠文博客的首页里看到。好了话不说,我们就进入教程详解吧。

很简单,就是将以下代码加到知更鸟Begin主题下的根目录下的Style.css文件里:

【关于本站效果教程】

   /*关于本站头像旋转特效*/
    #feed_widget > div > div.about-main > div.about-img > img{
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360度)*/
    -moz-transition: -moz-transform 0.4s ease-out;
    }
    #feed_widget > div > div.about-main > div.about-img > img:hover{/*设置鼠标悬浮在头像时的CSS样式*/
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
    transform: rotateZ(360deg);/*图像旋转360度*/
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg); }

欢迎喜欢折腾的朋友们尽情折腾!

叶先生
  • 版权声明: 发表于 2019年8月5日08:17:37
  • 转载注明:https://www.japanren.com/1703.html
知更鸟主题QQ快速评论无法获取昵称解决办法 wordpress主题

知更鸟主题QQ快速评论无法获取昵称解决办法

经常折腾知更鸟主题的朋友们都知道,对于Begin这款主题的更新率是快的没话说,2019年我没记错的话就已经更新了有三四次了,对于懒惰点不太想更新的朋友来说,实在接受不了这频率。还好我不算太懒, :gr...
给网站中添加“富强、民主、和谐”鼠标点击特效 wordpress主题

给网站中添加“富强、民主、和谐”鼠标点击特效

这个人就是喜欢花里胡哨的一些东西,所以也就会为此不断折腾,不过也正是因为如此,世间上的东西才会变的越来越好。今天给大家带来的是一种比较常见的特效,对于这个特效记得老早就有了,不过今天偶然在孤狼博客里看...
如何给WordPress博客添加评论输入特效 wordpress主题

如何给WordPress博客添加评论输入特效

人都是比较喜欢炫酷的东西,今天要分享的这个教程是针对于WordPress主题的,可以让我们在日后的内容评论里看到一个输入特效。今天在闲鱼博客里面看到这个教程觉得挺不错的,所以今天就借花献佛的分享给广大...
匿名

发表评论

匿名网友 填写信息

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

评论:6   其中:访客  3   博主  3
    • 去看你博客 去看你博客 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 12_2 like Mac OS X) AppleWebKit 中国 移动 @回复 1

      可以折腾折腾。

        • Joson Joson 博主 来自天朝的朋友 火狐浏览器 Windows 10 广东省东莞市 电信 @回复

          @去看你博客 你折腾的很不错

        • wordpress建站吧 wordpress建站吧 来自天朝的朋友 谷歌浏览器 Windows 10 四川省宜宾市 移动 @回复 2

          好博客就是折腾出来的

          • 凉城博客0x0 凉城博客0x0 来自天朝的朋友 QQ浏览器 Windows 7 天津市 电信 @回复 0

            感谢分享