Dragon

前端学习

web前端学习经验,以及一些简单的特效教程,html的学习小记,html入门必看,html趣味教学
鼠标点击烟花爆炸特效,js烟花爆炸特效

鼠标点击烟花爆炸特效,js烟花爆炸特效

3个月前 (04-24) 15 0

烟花爆炸特效,JavaScript特效,鼠标点击烟花爆炸,js代码,点的时间越长爆炸效果范围越大,可用于任何web网页,不限任何程序。 效果演示 本页面点击效果就是实际代码效果 试着长按看看 使用教程 实现效果只需要将上面这串代码引入到你的程序全局样式或者文件中,比如wordpress你可以添加到页眉或者页脚。html文件直接写入即可 完整JavaScript代码 function clickEffect() { let balls =...

WordPress网站设置可爱动态标题 更友好的交互体验

WordPress网站设置可爱动态标题 更友好的交互体验 2

4个月前 (03-22) 57 0

我们逛别人的网站可能经常会看到类似于“你别走吖 Σ(っ °Д °;)っ”,当我们点回去的时候就会变成“(/≧▽≦/)你又回来了!”,不仅增进交互体验还很可爱。那么它是如何实现的呢?其实很简单只需要一句JavaScript语句就好了。什么你不会? 别急,小逸带了教程呢! 效果预览 什么你说不直观? 看看本页面的标签页就知道了,你先点开另一个标签页,注意本页面的标签页变化,嘿嘿,很可爱好玩吧。 使用教程 and 代码 1.把下面的代码放入你...

彩色流光字 彩虹跑马灯 流光灯 CSS特效

彩色流光字 彩虹跑马灯 流光灯 CSS特效

8个月前 (11-25) 38 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自定义颜色动态滚动波浪动画

8个月前 (11-17) 14 0

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

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

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

8个月前 (11-03) 4 0

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

Git同步本地项目到GitHub

Git同步本地项目到GitHub

9个月前 (10-25) 16 0

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

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

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

9个月前 (10-24) 17 0

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

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

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

9个月前 (10-24) 26 0

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

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

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

9个月前 (10-24) 16 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...

扫一扫二维码分享