Jalena Blog

  • 首页
  • 程序开发
    • Java
    • Spring
    • SpringBoot
    • SpringMvc
    • Python
    • Odoo
    • C#
    • SQL
    • Web
    • Linux
  • 移动设备
    • Android
    • BlackBerry
    • Router
  • 杂七杂八
    • 我的废话
    • 音频
    • 视频
    • 常用软件
  • 关于
A bad workman always blames his tools.
  1. 首页
  2. Zaqizaba
  3. 正文

简单代码让你的wordpress头像转起来

2013-09-25 319点热度 0人点赞 4条评论

这个主题一直感觉不错,之前因为升级wordpress导致各种报错就没有管它,最近开始折腾起来,错误相继修复,但是总感觉缺少点什么,今天特意为此把头像给增加了个动画,感觉挺不错的。。

代码很简单,一点css而已,但是不支持低版本的IE!

附上代码,需要的客官自己改改吧,直接将代码拷贝至主题的CSS里面即可。

/* ----------------------------------------------------------------------
avatar
---------------------------------------------------------------------- */
/*设置圆形*/
.avatar{
border-radius:60px;
-webkit-border-radius:60px;
-moz-border-radius:60px;
box-shadow: inset 0 -1px 0 #3333sf;
-webkit-box-shadow: inset 0 -1px 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);}
本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可
标签: wordpress
最后更新:2019-02-21

Jalena

原创内容,转载请注明出处! 部分内容来自网络,请遵守法律适用!

点赞
< 上一篇
下一篇 >

文章评论

  • 旅行者

    这个功能得好好利用一下

    2013-09-27
    回复
    • Jalena

      @旅行者 呵呵,很简单的功能!

      2013-09-29
      回复
  • 资源岛

    不错的功能...!

    2013-09-27
    回复
    • Jalena

      @资源岛 可惜不支持低版本的浏览器!!

      2013-09-27
      回复
  • 取消回复

    Jalena

    原创内容,转载请注明出处! 部分内容来自网络,请遵守法律适用!

    腾讯云
    最新 热点 随机
    最新 热点 随机
    Docker overlay2 清理 & 数据转移 PowerShell 升级 & 增强 Python pip 升级 ESXI & Alpine & Clash Premium 旁路网关 ESXi install Alpine & Clash Proxy 打造自己的Aria2c专属设置 ESXI 升级 Centos 7 离线安装Nginx Centos nmcli 网络管理命令 Linux 密钥登录
    PowerShell 升级 & 增强Docker overlay2 清理 & 数据转移
    Node.js 绿色版安装及配置 熊猫烧香 - 核心源码 Delphi版本 网站自动投票程序 vbs隐藏运行程序 Spring/SpringMVC/MyBatis注解备忘录 DataTable 差集Except、交集Intersect、并集Union Autodesk 3ds max 2011(Design) 32-64bit 官方简体中文版 MPEG数据流的分辨及用途 样片 — 电视包装的双刃剑 NGINX 添加MP4、FLV视频支持模块
    标签聚合
    odoo java wordpress 解码 其他 生活 Edius Centos
    Links
    • 时空镜像
    • Feng Blog
    • 猿人学网站
    • Emin.ink
    • ninja911
    • ZWWoOoOo

    COPYRIGHT © 2021 Jalena Blog. ALL RIGHTS RESERVED.

    THEME KRATOS MADE BY VTROIS