php花朵飘落特效,WordPress 主题添加花瓣飘落特效

上篇文章过年啦，挂灯笼！教大家在博客上挂个动画灯笼，可能大家认为很好玩，那就再分享一个花瓣飘落的特效，可以加到自己博客上再装点一下节日氛围。

先贴一下代码，下面有打包的文件下载。// 封装代码

function meihua() { ?>

/** 梅花枝 **/

.meiha {

position: fixed;

top: 0;

right: 0;

z-index: 999;

width: 350px;/** PNG图宽度 **/

height: 231px;/** PNG图高度 **/

pointer-events: none;

background: url('https://s2.ax1x.com/2020/01/21/1kBpid.png');

}

/** 梅花翻转动画 **/

.snowfall-flakes {

pointer-events: none;

animation: sakura 1s linear 0s infinite;

}

.snowfall-flakes {

animation: sakura 1s linear 0s infinite;

}

.night .snowfall-flakes {

background: transparent !important;

}

@keyframes sakura {

0% {

transform: rotate3d(0, 0, 0, 0deg);

}

25% {

transform: rotate3d(1, 1, 0, 60deg);

}

50% {

transform: rotate3d(1, 1, 0, 0deg);

}

75% {

transform: rotate3d(1, 0, 0, 60deg);

}

100% {

transform: rotate3d(1, 0, 0, 0deg);

}

/** 将代码绑定到页脚 **/

add_action( 'wp_footer', 'meihua', 100 );

以上代码可以替换打包下载的hua.php文件中的内容，图片居右显示。

使用方法：

第一步，解压文件将hua文件夹上传到当前主题根目录中。

第二步，打开当前主题页脚模板footer.php，在<?php wp_footer(); ?>上面添加：<?php require get_template_directory() . '/hua/hua.php'; ?>

如果只想显示在首页，可以用下面的判断语句把上面的代码包裹起来：<?php if (is_home()) { ?>

php花朵飘落特效,WordPress 主题添加花瓣飘落特效相关推荐

php花朵飘落特效,【新年气象】WordPress 主题添加花瓣飘落特效
摘要分享一个花瓣飘落的特效,可以加到自己博客上再装点一下节日氛围. [效果展示] [PHP文件] 此处为隐藏的内容发表评论并刷新,方可查看以上代码保存为hua.php文件,图片居右显示. [JS ...
WordPress主题添加鼠标点击特效
关于WordPress主题添加鼠标点击特效方法以及代码使用.看着花里胡哨的,其实实现很简单.找到相对应的文件位置,然后复制粘贴,最后保存运行即可.为了方便新手我尽可能详细些,使用方法:打开宝塔Linu ...
php主题怎么增加导航页,教你如何给wordpress主题添加导航栏
烈火建站学院转载不是所有的wordpress主题都自带导航栏的,我早就想自行添加一个.昨天的标题前有"GOOGLE是个好老师"这个句子,今早赶紧删了,倒不是不认同,而是觉得在添加 ...
php怎么设置顶部图标,为WordPress主题添加顶部自定义图片功能
在WordPress主题中,头部(header)的自定义一般来说就是能让用户在后台能够自行更改主题默认显示的图片或者标题的大小颜色这些功能.而为一个主题添加上这些后台选项并不难,在WordPress较 ...
html增加语音朗读功能,给wordpress主题添加上语音播放文章内容文本朗读功能
摘要:大挖最近在淘wp主题的时候发现一款主题已经支持了语音朗读功能7b2,大挖一直关注的一些产品和运营网站也陆续上线了语音播放... 大挖最近在淘wp主题的时候发现一款主题已经支持了语音朗读功能7b2 ...
html 花瓣飘落效果,html全屏花瓣掉落特效
代码片段和文件信息属性大小日期时间名称 ----------- --------- ---------- ----- ---- 文件 ...
word wrap.mysql_Mysql远程连接，并解决wordp主题添加问题
1.增加允许远程连接 MySQL 用户并授权. 在 Linux 主机中在命令提示行下输入下面的命令. > MySQL -uroot -p 密码 2.创建远程登陆用户并授权 grant all P ...
wordpress主题ajax,为自制WordPress主题/插件的后台设置页面添加ajax支持
本文目录 [隐藏] 1PHP部分 1.1安全第一 1.2定义一些用得上的常量 1.3I18n=国际化支持 1.4添加菜单项 1.5美化下菜单项前面的icon 1.6设置页面/后台的HTML结构 1.7 ...
php更换wordpress用户头像,WordPress主题设置在前台页面添加用户头像教程
WordPress默认用户头像都是采用gravatar头像,因为gravatar头像是全球公认头像,使用非常广泛,但是想要使用它需要去它的官网注册,对于普通用户是不方便的,今天WordPress主题站 ...

php花朵飘落特效,WordPress 主题添加花瓣飘落特效

php花朵飘落特效,WordPress 主题添加花瓣飘落特效相关推荐

最新文章

热门文章