Dragon
彩色流光字CSS特效

彩色流光字CSS特效

3个月前 (11-25) 24 0

效果演示 小逸博客 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自定义颜色动态滚动波浪动画

3个月前 (11-17) 7 0

随着CSS3的成熟,越来越多的特效动画不仅仅局限于使用图片来完成了。以前的这种波浪效果大都还是用几张图片交替滚动,我以前也用过图片做的这种波浪滚动的效果。 但是波浪的颜色能不能满足网站的配色需求之类的就很难弄了,因为换一个颜色就要去做一堆的图片出来,最后还可能不满意。直到后来我才找到了用SVG绘制波浪的效果,然后利用CSS3滚动就可以达到波浪滚动的目的了。 然后这种SVG绘制的波浪是可以自定颜色的,采用16进制的颜色代码。因为16进制制...

基于canvas的超酷跟随鼠标粒子动画

基于canvas的超酷跟随鼠标粒子动画

4个月前 (11-03) 2 0

这是一款基于canvas的超酷跟随鼠标粒子动画特效。该粒子跟随动画特效通过js代码,在canvas上随机生成粒子效果,并使粒子跟随鼠标移动而移动。 代码演示 https://codepen.io/sedran/pen/oaOyvK 使用教程 引入方式 在页面中引入stopExecutionOnTimeout.js文件。 HTML部分 在页面中创建一个canvas。 CSS代码 为canvas添加下面的CSS样式。 html{ margi...

Git同步本地项目到GitHub

Git同步本地项目到GitHub

4个月前 (10-25) 11 0

很多朋友都应该遇到过这样一个问题,在另一台电脑上同步你的个人项目,以便能身居‘异地’也依然能同步开发!所以我们把自己的项目同步到远程仓库,想在哪里里开发,就pull到本地改完再push到远程仓库 准备工作,本地git获得github的提交权限 设置用户名和邮箱 git config --global user.name 'GitHub用户名' git config --global user.email 'GitHub邮箱' 接下来生成...

WordPress发布文章实时主动推送百度加快收录,无插件

WordPress发布文章实时主动推送百度加快收录,无插件

4个月前 (10-24) 10 0

据说,wordpress添加插件会使得网站变慢,加载资源多,宁可信其有不可信其无,我就乖乖给代码喽, 把下面这段代码添加在主题的function.php里, $WEB_TOKEN = ‘token值’; 这里请换成你的网站的百度主动推送的token值 到https://ziyuan.baidu.com上选择你的站点,点击 链接提交 进入后 自动提交--主动推送(实时)--推送接口 接口调用地址: http://data.zz.baidu...

WordPress代码检测当前页面百度是否收录

WordPress代码检测当前页面百度是否收录

4个月前 (10-24) 11 0

只有管理员才能在站台看到该文章是否被百度收录的提示,其它的访客是完全看不到的,而且本代码有自动的未收录提示功能,如果我们点击未收录提示字样,可以直接链接到提交百度站长链接的页面,主动向百度提交我们未被收录的文章链接,而且操作成本也很低,只需要把以下的代码复制到我们当前的 wordpress 主题文件夹的 functions.php 文章中,即可实现: /* 检查百度是否已收录文章页面 管理员可以见 */ function d4v($ur...

html5css3鼠标悬停动画冒泡提示框

html5css3鼠标悬停动画冒泡提示框

4个月前 (10-24) 3 0

效果展示 .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...

实现网站运行时间统计的几种方法

实现网站运行时间统计的几种方法

4个月前 (10-24) 4 0

食用方法非开袋即食,需放入网站页面或者页脚页面,或根据想法添加 效果视图 第一种: 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 SVG+css3霓虹灯文字边框动画效果

4个月前 (10-23) 9 0

实列演示 小逸博客 小逸博客 小逸博客 小逸博客 html5代码 不懂的可直接复制下面这段内容放到你的网页 小逸博客 小逸博客 小逸博客 小逸博客 css代码 #svgBox{[/b] width:100%; margin:100px auto; } .text{ font-size: 64px; font-weight: bold; text-transform: uppercase; fill: none; stroke-width...

扫一扫二维码分享