一淘邀请码:JAG42 手机安装一淘,输入一淘邀请码,领淘宝全场立减8元福利
快手极速版邀请码:【541 123 831】 或 【541 053 739】 或 【734 847 760】
一淘新用户输入一淘邀请码领取8元立减福利

1. 一淘是阿里巴巴旗下的返利平台,和淘宝天猫通用的,您可以放心参与

2. 不需要绑卡乱七八糟的绑定和认证,只需两步就可以领淘宝8块钱

3. 安装一淘登陆 输入一淘邀请码: 领取新人8元立减福利 查看图文教程

4. 一淘APP购物每笔都有额外的返利,而且还有一淘专享优惠券

5. 点击看详细教程

由 歪迪资源屋 推送

WordPress网站底部增加蒲公英动态特效教程

本文简介 这个特效曾经我也用过很长一段时间,还是比较不错的,喜欢折腾的朋友可以使用一下,下面说一下方法 如果你实在不想折腾直接粘贴一下代码到你的底部文件中吧,注意代码中“图片地址”……

这个特效曾经我也用过很长一段时间,还是比较不错的,喜欢折腾的朋友可以使用一下,下面说一下方法

如果你实在不想折腾直接粘贴一下代码到你的底部文件中吧,注意代码中“图片地址”四个大字哦,将文中图片传到你的服务器中获取图片地址即可

<!-- 网站底部蒲公英特效开始 -->
<div class="dandelion">
<span class="smalldan"></span>
<span class="bigdan"></span>
</div>
<style type="text/css">
@media screen and (max-width:600px){
.dandelion{display: none !important;}
}
.dandelion .smalldan {
width: 36px;
height: 60px;
left: 88px;
background-position: 0 -90px;
border: 0px solid red;
}
.dandelion span {
-webkit-animation: ball-x 3s linear 2s infinite;
-moz-animation: ball-x 3s linear 2s infinite;
animation: ball-x 3s linear 2s infinite;
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
transform-origin: bottom center;
}
.dandelion span {
display: block;
position: fixed;
z-index:9999999999;
bottom: 0px;
background-image: url(图片地址);
background-repeat: no-repeat;
_background: none;
}
.dandelion .bigdan {
width: 64px;
height: 115px;
left: 41px;
background-position: -86px -36px;
border: 0px solid red;
}
@keyframes ball-x {
0% { transform:rotate(0deg);}
25% { transform:rotate(5deg); }
50% { transform:rotate(0deg);}
75% { transform:rotate(-5deg);}
100% { transform:rotate(0deg);}
}
@-webkit-keyframes ball-x {
0% { -webkit-transform:rotate(0deg);}
25% { -webkit-transform:rotate(5deg); }
50% { -webkit-transform:rotate(0deg);}
75% { -webkit-transform:rotate(-5deg);}
100% { -webkit-transform:rotate(0deg);}
}
@-moz-keyframes ball-x {
0% { -moz-transform:rotate(0deg);}
25% { -moz-transform:rotate(5deg); }
50% { -moz-transform:rotate(0deg);}
75% { -moz-transform:rotate(-5deg);}
100% { -moz-transform:rotate(0deg);}
}
</style>
<!-- 网站底部蒲公英特效结束 -->

WordPress网站底部增加蒲公英动态特效教程-歪迪资源屋

这篇文章如果帮到了你

如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
WordPress在文章列表插入一篇广告跳转文章或在任意位置插入广告代码2019-03-11
这个Wordpress技巧可以让你在文章列表中的任意位置插入一篇或多篇广告跳转文章,完美的与主题结构融合,与主题列表的展现形式一模一样,不用去额外的改变任何结构!而且可以一键无痕的将发布的任何文章变成广告跳转文章! 实现过程非常简单,利用了...
WordPress 自定义文章类型(Post Type)2018-08-07
什么是 Post Type ? WordPress 里面内置了两种常用的 Post Type :Post(文章)、Page(页面),分别用来展示两种类型的内容,一种是相对动态的文章,另一种是相对固定的页面。 除此之外,WordPress 还...
如何彻底移除并关闭WordPress的RSS feed2018-07-21
WordPress默认开启了feed功能,好处不言而喻,可以方便RSS阅读器进行订阅,让读者及时收到博客的更新信息。但有些博客基本没有人订阅,却有一堆机器人来采集博客的feed,方便了别人复制你的文章不说,还造成了不必要的资源消耗。 阻止采...
WordPress纯代码实现“返回顶部、返回底部、评论”效果2018-07-18
相信大家对返回顶部、返回底部这些功能已经不陌生了,wordpress上也有很多插件可以实现,也有很多代码方式; 今天我分享的也是以纯代码实现"返回顶部、返回底部、评论"的效果,但是样式跟其他人的可能不同,个人认为比较美观实用一些,可以在其中...
WordPress给文章添加百度是否已收录展示和查询功能2018-07-18
1、编辑主题目录的functions.php文件,在最后一个?>标签前新添如下代码并保存(如没有?>标签,则直接加到最后面): //百度收录展示 function baidu_check($url){ global $wpdb;...
为WordPress添加百度分享按钮侧边悬浮固定效果2018-07-18
如上图所示,百度分享默认固定在页面左侧边,不管页面向下或者向上滚动,百度分享按钮都会固定悬浮显示; 好了,下面就介绍一下方法吧,其实很简单,在原百度分享代码上添加一段css即可。 1、首先在wordpress后台编辑footer.php文件...
WordPress自定义后台登录页面的方法2018-07-17
一成不变的wordpress后台登录界面早已看腻了也用腻了,这篇文章教你改变一下这一成不变的后台登录界面 教程所需的代码已经打包在下面,点击下载就可以了,贴出部分代码: //开始 //登录页面 function custom_login()...
原创宝塔面板开启防盗链的方法详细教程2020-12-27
为了节省建站成本,大多数站长都会选择一些小服务器,在另加CDN、云存储之类的来减轻服务器的压力,但是这类功能大多收费。 如果自己网站的图片都让别人复制图片链接地址,那么自己CDN流量就跑得贼快,花了钱得不到好处。 所以今天无言讲讲宝塔面板怎...
原创wordpress调用当前用户头像的方法2020-12-05
当前用户就是当前登陆者,当你用户登陆怎么才能自动显示用户设定的头像呢,一句代码即可实现,代码如下 <?php global $current_user;get_currentuserinfo();echo get_avatar( $c...
原创马保国邀视频通话网站源码2020-11-27
上传源码到服务器之后,打开就是马宝国的微信电话,然后就是闪电五连鞭 源码下载地址 http://pan.53431.com/file/339411-473352640
原创Elementor Pro-v3.0.6破解版下载和安装教程2020-11-21
Elementor是wordpress上一款优秀的页面构建器插件,他可以在不写任何代码的情况下,使用可视化的拖曳来做出一款你喜欢的网站页面。Elementor Pro则是他的高级版本,解锁了所有Elementor的收费功能。 Element...
原创Typecho博客主题–joe_theme免费下载2020-11-21
主题开源免费,并且代码里写上了注释,如果需要学习可以直接看源码 基于 BootStrap-gird框,一站响应式,支持大屏,IPad, 手机 (响应式还在开发中) 使用 Pjax 插件,传统页面跳转,不会刷新网站,无感切换页面 使用 smo...

评论 抢沙发



觉得文章有用就打赏一下文章作者

微信扫一扫打赏