【HTML】使用css3和html给网站添加上春节灯笼特效

马上就过年了，网站也可以装饰一下，本文就教大家如何使用css和html代码给你网站添加上一对新年灯笼。

这个灯笼特效可以加到任何网站上面，不管你是不是用的WordPress搭建的网站都可以。

具体的方法如下：

1、复制下面的代码添加到网站的页脚文件。

<!-- 灯笼1 -->
<div class="deng-box"><div class="deng"><div class="xian"></div><div class="deng-a"><div class="deng-b"><div class="deng-t">节</div></div></div><div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div></div>
</div><!-- 灯笼2 -->
<div class="deng-box1"><div class="deng"><div class="xian"></div><div class="deng-a"><div class="deng-b"><div class="deng-t">春</div></div></div><div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div></div>
</div>

2.引入CSS，复制下面的代码到</head>前

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/muzihuaner/deng@main/deng.css">

保存完毕，上传就可以看到效果了。

Github:https://github.com/muzihuaner/deng/

【HTML】使用css3和html给网站添加上春节灯笼特效相关推荐

用HTML加css做成的新年特效,使用html和css3给网站添加上春节灯笼挂件代码
春节快到了,为博客添加了2个用HTML和CSS写的灯笼,原代码来自知更鸟(鸟叔) 算是庆祝一下这个喜庆的节日?? 安装方法 1.复制下面的代码添加到主题 --> 设置外观 --> 开发者设 ...
css3暗黑主题,利用CSS3自定义属性来为网站添加“暗黑模式”(暗色模式/DarkMode)...
究竟什么是暗黑模式?这个概念起初来源于macOS系统,该系统的mojave版本为用户提供两个主题皮肤,即浅色和深色的皮肤.自从有了这个概念之后,很多网站和系统都会用户提供了相应的两套肤色,便于用户根据 ...
WordPress网站添加春节灯笼挂件
过年挂灯笼是中国的一个习俗,家里挂灯笼,自己博客也是自己的家,当然也要挂一个了.很多年前Flash流行时,网上可以随便找一个Flash动画的灯笼,很方便就可以加到网站主题模板上,如今Flash已成过 ...
织梦同步静态文件到服务器,静态网站添加到织梦
静态网站添加到织梦内容精选换一换本文介绍了弹性文件服务SFS各特性版本的功能发布和对应的文档动态,新特性将在各个区域(Region)陆续发布,欢迎体验. 开启网页防篡改时,您需为指定的主机分配一 ...
php源码中如何添加滚动公告,如何给WordPress网站添加滚动公告？
如何给WordPress网站添加滚动公告?今天我们一起了解一下. 1.添加公告文章类型首先,注册一个公告的文章类型,包括公告的新建,添加,编辑与删除.在functions.php的同级目录下新建一个 ...
css3 text-shadow 为网页字体添加阴影
css3 text-shadow 为网页字体添加阴影 text-shadow:为网页字体添加阴影, 可以通过对text-shadow属性设置相关的属性值,可以实现一些漂亮的字体阴影效果. 属性与值的说 ...
网站添加到IIS和附件进程调试（新手使用篇）
一.网站添加到IIS 做网站开发,很有必要把项目添加到IIS中,这对浏览和后期的调试很有帮助.怎么把网站添加到IIS上? 1). 打开IIS,然后操作步骤如下图: 选择Default Web Site ...
html5+css3网页设计与网站布局从新手到高手,HTML5+CSS3网页设计与网站布局从新手到高手...
HTML5+CSS3网页设计与网站布局从新手到高手语音编辑锁定讨论上传视频 <从新手到高手:HTML 5+CSS 3网页设计与网站布局从新手到高手>是2013年1月清华大学出版社 ...
chromebook刷机_如何将网站添加到您的Chromebook架子上
chromebook刷机 Bookmarks are great to keep your favorite sites nearby, but they aren't the fastest opt ...

【HTML】使用css3和html给网站添加上春节灯笼特效

【HTML】使用css3和html给网站添加上春节灯笼特效相关推荐

最新文章

热门文章