给wordpress添加个性小动画

992
.
​​​​​​​​​​​​​

最近有朋友留言说我的主机访问速度有些慢,而现在觉得还不是更换主机的时候,
不过,我想应该也不远了吧,也许明年等主机到期的时候再更换吧。
关于本站页面左下角的一个不停旋转的小动画,它是用纯CSS来实现的,如果有需要,
你也可以把它作为页面加载动画来使用,也可以增加一些用户体验。
下面就来分享这段CSS动画代码:
一、将下面的CSS代码添加到你所用主题的样式表中(即:style.css文件)
温馨提示:此内容评论可见
二、将CSS动画实现在页面上
将下面的代码添加到header.php文件的 与之间
温馨提示:此内容评论可见
三、添加JS渐隐效果,这是用作加载页面时用的效果(可选)
将下面的代码添加到footer.php文件里
温馨提示:此内容评论可见
预览

想要更多DIY可以自己尝试二次开发的哦,亲。

本文固定链接: http://www.zhbk.name/1795.html | m88博客

该日志由 m88 于2013年11月24日发表在 技术资料 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 给wordpress添加个性小动画 | m88博客
关键字: , , ,
【上一篇】
【下一篇】

给wordpress添加个性小动画:目前本页面共有 6 条留言 其中:访客:4 条, 博主:2 条, 访客以 4:2 暂时领先博主

  1. 此人正徘徊于门口
    csngmap China Unknow Browser Unknow Os :

    不错,学习了……

    2013-12-11 23:43 云南省昆明市 移动[回复]
  2. 此人强势抢占了地板
    90后 China Mozilla Firefox Windows :

    动画挺好的

    2013-11-27 19:10 江苏省 联通[回复]
  3. 此人强势抢占了板凳
    五叶神♂ China Google Chrome Windows :

    css3写的? 有意思

    2013-11-27 09:23 湖南省长沙市 电信[回复]
    • m88 China Google Chrome Windows :

      嗯,确实有点意思。呵呵。。。

      2013-11-27 12:23 [回复]
  4. 此人强势抢占了沙发
    不给力的面条 China Google Chrome Windows :

    怎么代码全是问号?

    2013-11-25 12:34 江苏省南京市 电信[回复]
    • m88 China Google Chrome Windows :

      经检查,是为wordpress添加评论可见短码时,functions.php文件保存编码出错,应该没有影响到评论可见内容吧。

      2013-11-25 20:19 [回复]

发表评论

汗 色 悲 闭嘴 调皮 笑 惊 亲 雷 馋 晕 酷 奸 怒 狂 萌 吃 贪 囧 羞 哭 嘿

NOTICE1:亲,评论一下吧,又不会怀孕,欢迎吐槽!

NOTICE2:一切广告形式的昵称及评论一律删除,与本文无关的留言请到留言板,谢谢合作!

NOTICE3: 为防止垃圾评论,没有头像的会被“小墙”直接拖入待审,请申请Gravatar通用头像

NOTICE4: You must type some Chinese(like“你好”)in your comment to pass the spam-check, thanks!

快捷键:Ctrl+Enter
欢迎来自 miantiao.me 的朋友!
推荐您 点击这里 订阅我的博客
×