无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻 > 产业新闻 >

WordPress改动评价头像为圆形并转动的方式

时间:2021-04-23 13:07来源:未知 作者:jianzhan 点击:
短视頻,自新闻媒体,达人种草1站服务 应用Wordpressblog后大家常常必须对主题开展各种各样改动来做到自身要想的实际效果,下面兔子就跟大伙儿共享下应用CSS把blog评价栏里的头像改成

WordPress改动评价头像为圆形并转动的方式


短视頻,自新闻媒体,达人种草1站服务  

应用Wordpressblog后大家常常必须对主题开展各种各样改动来做到自身要想的实际效果,下面兔子就跟大伙儿共享下应用CSS把blog评价栏里的头像改成圆形而且造成圆旋转画。

寻找自身主题的Style.css,在最下面加上以下编码便可。(IE访问器暂不适用转动)

.avatar{

/*设定圆形*/

border-radius:60px;

-webkit-border-radius:60px;

-moz-border-radius:60px;

box-shadow: inset 0 ⑴px 0 #3333sf;

-webkit-box-shadow: inset 0 ⑴px 0 #3333sf;

transition: transform 0.5s ease-out;

-webkit-transition: 0.5s ease-out;

-moz-transition: -moz-transform 0.5s ease-out;}

.avatar:hover{

/*转动动漫*/

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);

-webkit-transform: rotateZ(360deg);

-moz-transform: rotateZ(360deg);}

储存,更新1下,实际效果就出来了。

以上內容由兔子blog梳理,欢迎转载。

原文连接:


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866