1795 | M88

Nov242013

给wordpress添加个性小动画

作者：m88 发布于：2013-11-24 22:59 分类：技术资料本文共计2567个字节被阅读：992 次 6条评论

992 次

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

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

本文固定链接: https://www.zhbk.name/95-2/ | m88博客

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

【上一篇】程序员的情书
【下一篇】只是，有时候

您可能还会对这些文章感兴趣！

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

此人正徘徊于门口
csngmap :
不错，学习了……
2013-12-11 23:43 云南省昆明市移动[回复]
此人强势抢占了地板
90后 :
动画挺好的
2013-11-27 19:10 江苏省联通[回复]
此人强势抢占了板凳
五叶神&https://www.zhbk.name/467-3/x2642; :
css3写的？有意思
2013-11-27 09:23 湖南省长沙市电信[回复]
- m88 :
  嗯，确实有点意思。呵呵。。。
  2013-11-27 12:23 [回复]
此人强势抢占了沙发
不给力的面条 :
怎么代码全是问号？
2013-11-25 12:34 江苏省南京市电信[回复]
- m88 :
  经检查，是为wordpress添加评论可见短码时，functions.php文件保存编码出错，应该没有影响到评论可见内容吧。
  2013-11-25 20:19 [回复]