js爱情语言告白特效 表白网页 2
基于js+css3制作的100种国家的爱情语言告白主题特效，底部下载内容
彩色流光字CSS特效
效果演示 小逸博客 www.scczz.com CSS代码 .liuguang { margin: 0; background: -webkit-linear-gradient(left, #ffffff, #ff0000 6.25%, #ff7d00 12.5%, #ffff00 18.75%, #00ff00 25%, #00ffff 31.25%, #0000ff 37.5%, #ff00ff 43.75%, #ffff00 50...
纯CSS3制作的SVG自定义颜色动态滚动波浪动画
随着CSS3的成熟，越来越多的特效动画不仅仅局限于使用图片来完成了。以前的这种波浪效果大都还是用几张图片交替滚动，我以前也用过图片做的这种波浪滚动的效果。 但是波浪的颜色能不能满足网站的配色需求之类的就很难弄了，因为换一个颜色就要去做一堆的图片出来，最后还可能不满意。直到后来我才找到了用SVG绘制波浪的效果，然后利用CSS3滚动就可以达到波浪滚动的目的了。 然后这种SVG绘制的波浪是可以自定颜色的，采用16进制的颜色代码。因为16进制制...
基于canvas的超酷跟随鼠标粒子动画
这是一款基于canvas的超酷跟随鼠标粒子动画特效。该粒子跟随动画特效通过js代码，在canvas上随机生成粒子效果，并使粒子跟随鼠标移动而移动。 代码演示 https://codepen.io/sedran/pen/oaOyvK 使用教程 引入方式 在页面中引入stopExecutionOnTimeout.js文件。 HTML部分 在页面中创建一个canvas。 CSS代码 为canvas添加下面的CSS样式。 html{ margi...
html5css3鼠标悬停动画冒泡提示框
效果展示 .inner { background: #09c999; padding: 1em; border-radius: 10px; width: 250px; clip-path: circle(10% at 90% 20%); transition: all .5s ease-in-out; cursor: pointer; } .inner:hover { clip-path: circle(75%); background...
实现网站运行时间统计的几种方法
食用方法非开袋即食，需放入网站页面或者页脚页面，或根据想法添加 效果视图 第一种： function siteTime(){ window.setTimeout("siteTime()", 1000); var seconds = 1000; var minutes = seconds * 60; var hours = minutes * 60; var days = hours * 24; var years = days * 36...
html5 SVG+css3霓虹灯文字边框动画效果
实列演示 小逸博客 小逸博客 小逸博客 小逸博客 html5代码 不懂的可直接复制下面这段内容放到你的网页 小逸博客 小逸博客 小逸博客 小逸博客 css代码 #svgBox{[/b] width:100%; margin:100px auto; } .text{ font-size: 64px; font-weight: bold; text-transform: uppercase; fill: none; stroke-width...
推广返利