视频教程

效果展示 教程开始 1.将以下css代码复制到ripro-v2主题文件css中 .tkm-cooper {} .tkm-cooper h3 { font-size: 24px; margin-bottom: 40px; text-align: center; } .tkm-cooper h3 b { display: inline-block; position: relative; } .tkm-cooper h3 b:after { content: ""; width: 60px; height: 2px; position: absolute; background: linear-gradient(270deg,#61b1ff,#04f); bottom: -10px; left: 50%; margin-left: -30px; } .tkm-cooper...

效果展示 一、直接显示代码 1.新建js文件，将以下内容添加在js文件中 (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback){ setTimeout(callback,1000/60); } })(); init(); function init(){ css(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute;}.heart:after{top:...

效果展示 教程开始 一、复制代码到主题根目录下的footer.php的</body>前保存即可。 <!--开始包裹我--> <!-- 灯笼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>...