展开

关键词

使用JS给HTML加个水印

= { watermark_txt: "text", watermark_x: 20,//水印起始位置x轴坐标 watermark_y: 20,//水印起始位置 ,//水印x轴间隔 watermark_y_space: 50,//水印y轴间隔 watermark_color: '#000000',//水印字体颜色 ',//水印字体 watermark_width: 120,//水印宽度 watermark_height: 80,//水印长度 watermark_angle 0,或水印列数设置过大,超过页面最大宽度,则重新计算水印列数和水印x轴间隔 if (defaultSettings.watermark_cols == 0 || (parseInt(defaultSettings.watermark_x 0,或水印行数设置过大,超过页面最大长度,则重新计算水印行数和水印y轴间隔 if (defaultSettings.watermark_rows == 0 || (parseInt(defaultSettings.watermark_y

71520

HTML实现简单的下雪特效

下面这是01雪一片一片一片.html里的内容 <! DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img.remove(); //console.log($("img").length); }); */ },10) </script> </body> </html 后续我也还会一直更新 源码获取方式: 1.CSDN下载 https://download.csdn.net/download/qq_44273429/12783712 2.关注作者公众号啦啦啦好想biu点什么回复下雪特效免费获取 实现简单的下雪特效 最后,不要忘了❤或支持一下哦

79320
  • 广告
    关闭

    【玩转 Cloud Studio】有奖调研征文,千元豪礼等你拿!

    想听听你玩转的独门秘籍,更有机械键盘、鹅厂公仔、CODING 定制公仔等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML 实现仿 Windows 桌面主题特效

    haiyong.site/moyu/ 海拥开发文档:https://haiyong.site/doc/ GitHub 源码:https://github.com/wanghao221/moyu ---- HTML 实现仿 Windows 桌面主题特效 ✨ 项目基本结构 HTML 代码 CSS 代码 JS 代码 完整源码下载⬇ 在线演示地址:https://haiyong.site/win/ 源码可在文末免费获取 external │ ├── jquery-smartMenu │ ├── themes │ └── ui ├── icon ├── images ├── wallpapers └── index.html HTML 代码 HTML 主要代码: Powered by haiyong.site 注意:双击桌面应用即可点开 q:after { content:”; } abbr, acronym { border:0; } * { margin:0; padding:0 } 页面基础样式 /*页面基础样式*/ html

    10920

    【案例】HTML5响应式导航菜单特效

    哈喽大家好,又到了每周二经典案例环节啦~ 今天段老师给同学们带来的是HTML5响应式导航菜单特效 ? 01脚本简介 HTML5响应式导航菜单特效是一款非常实用的宽屏导航菜单ui布局特效。 02效果展示 HTML5响应式导航菜单特效 ? 屏幕前的你想知道如何制作吗? 那就快戳下方视频学习吧~ 03教学视频 ▼https://v.qq.com/x/page/t095788qlm3.html 以上就是给同学们分享的HTML5响应式导航菜单特效教学视频~聪明的你学会了吗?

    65510

    HTML5炫酷流星动画特效教程

    简要教程 ---- 这是一款HTML5炫酷光粒子动画特效。该特效通过js在页面中生成canvas元素,并通过算法在其中生成炫酷的光粒子动画特效。 window.requestAnimationFrame(draw); } window.addEventListener("load", setup); window.addEventListener("resize", resize); HTML5 炫酷光粒子动画特效的codepen网址为:https://codepen.io/seanfree/pen/joXYaR 阅读原文-演示/下载源码,还有更多更好玩的开源代码等你哦!

    5.8K30

    【案例】 HTML5 Canvas流动线条动画特效

    点击上方[我分享我快乐]→[...]右上角→[设为星标⭐]即可第一时间获取最新设计资源 HTML5 Canvas流动线条动画特效是一款基于Canvas画布制作的透明飘动的丝带背景动画特效。 那就快戳下方视频学习吧~ 教学视频 ▼ https://v.qq.com/x/page/r0928pn07ag.html 以上就是给同学们分享的 如何用HTML5 制作 Canvas 流动线条动画特效教学视频

    2K10

    HTML5 canvas 粒子特效显示图像文字

    本次实例将图片或文字分解成粒子。是先将图片或者文字画在canvas上,然后通过画布对象的getImageData获取到画布上的所有像素点,也就是imageDat...

    1K30

    【案例】 HTML5 SVG图标按钮菜单特效

    哈喽大家好,又到了每周二经典案例环节啦~ 今天段老师给同学们带来的是HTML5 SVG图标按钮菜单特效。 01脚本简介 HTML5 SVG图标按钮菜单特效是一款TweenMax基于svg绘制图标按钮点击展开多个图标菜单特效。 02效果展示 HTML5 SVG图标按钮菜单特效 ? 那就快戳下方视频学习吧~ 03教学视频 ▼ 视频内容 以上就是给同学们分享的HTML5 SVG图标按钮菜单特效的教学视频~聪明的你学会了吗?

    52930

    基于 HTML5 Canvas 实现的文字动画特效

    http://www.hightopo.com/demo/GraphAnimation/index.html 这个 Demo 是不断重复地设置文字的大小和透明度,这些英文字母也是我自己利用 HT 的矢量绘制的 然后通过 getView 获取这个 canvas 的底层 div,这样我们就能将这个 div 添加到 html 页面的任何地方了,addToDOM 的定义如下: addToDOM = function(

    1.9K20

    纯JavaScript实现HTML5 Canvas 6种特效滤镜

    小试牛刀,实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。 支持的特效滤镜分别为: 1.反色 2.灰色调 3.模糊 4.浮雕 5.雕刻 6.合理 滤镜原理解释: 2.灰色调:获取一个预期点RGB值r,g,b则新的RGB值 newr =(r * 0.272)+( Please install a HTML5compatible browser."); **return**; } // get 2D context of canvas and draw image 中HTML源代码: <! DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="chrome=IE8"><meta http-equiv="Content-type

    52710

    HTML和CSS实现酷炫的文字特效

    前言 马上我们就要进入下一个阶段,也就是HTML和CSS实现前端界面的阶段了,想必很多小伙伴都想给自己的页面加点酷炫的特效,今天,我就给大家整理了一些非常酷炫的文字特效来装点你的页面! 有些是从网络上找的,有些是自己写出来的 相关属性介绍 这里介绍一点写这些特效时需要用到的属性,(带-webkit- 开头的是只有Safari和Chrome等使用webkit或chromium内核的浏览器才可以使用 transparent; /* -webkit-text-stroke: 1px #000000; */ } 渐变字体 后记 以上就是全部内容了,灵活运用css的属性,就能创造出很多你想得到的和想都想不到的特效 ,甚至一些连写脚本都很难实现的特效,所以,努力探索css吧,冲冲冲!

    40700

    情人节html5绘图玫瑰花动画特效

    id=9230 代码: <html><head> <title>I Love You! "rgb("+~(s[3]*h)+","+~(s[4]*h)+","+~(s[3]*s[3]*-80)+")",a.fillRect(x,y,1,1)}',0) </script> </body></html

    1.5K60

    11款惊艳的HTML5粒子动画特效

    HTML5确实非常强大,很多时候我们可以利用HTML5中的新技术实现非常炫酷的粒子动画效果,粒子动画在HTML5应用中也是比较消耗本地资源的,尤其是CPU,但是有些HTML5粒子效果确实能给用户带来不一样的惊艳用户体验 本文就是要分享11款效果惊艳的HTML5粒子动画特效,希望你可以喜欢。 1.3D粒子 代码比较简洁, 只包含css和js文件 ? 2.粒子波 粒子波浪效果 ? 3.粒子波浪 另一种粒子波浪效果 ? 6.粒子扩散 文字特效 ? 7.粒子球 3D粒子球 ? 8.粒子时钟 时钟效果 ? 9.粒子隧道 看时间久有点晕 ? 10.粒子文本 粒子文本 ? 11.粒子雨 粒子雨效果 ?

    2K1513

    python opencv加水印水印

    收到的需求是在一个图上匹配到水印 然后将原来的水印换成一个新水印 先要安装一个库 库文件代码如下: # coding=utf-8 import cv2 import numpy as np # 膨胀算法 :param gray_img: 原图的灰度图 :param watermark_template_gray_img: 水印模板的灰度图 :return :param img: 待去除水印图片位图 :param watermark_template_gray_img: 水印模板的灰度图片位图,用于确定水印位置 :param watermark_template_mask_img: 水印模板的掩码图片位图,用于修复原始图片 :return: 去除水印后的图片位图 """ :param filename: 待去除水印图片文件名称 :param output_filename: 去除水印图片后的输出文件名称 :return:

    2.3K20

    html5点击出现燃放烟花特效

    2015-04-09 09:32:18 今天我发现了一个非常好的html特效,是由HTML5来实现的,效果非常绚丽。效果如下: ? 所以特来和大家分享一下。 先说一下HTML代码吧: <! DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/<em>html</em>; charset=UTF-8"> <title >烟花燃放特效代码- 落帆亭</title> <style> html,body{height:100%;margin:0;padding:0} ul,li{text-indent:0;text-decoration

    </body> </html> 这些代码非常简单,复杂的主要是js代码: $(function(){ var Fireworks = function(){ var self = self.drawParticles(); }; self.init(); } var fworks = new Fireworks(); }); 这是这个特效所需的主要代码

    1.2K20

    杨校老师课堂之HTML5动画特效的风车案例

    https://blog.csdn.net/kese7952/article/details/89977456 通过所学的HTML进行制作风车旋转案例! 演示: 首先看下效果图 ? -- 作者:Mr.yang 时间:2019-05-08 描述:练习HTML5动画的特效案例一 --> <! DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <! ; } .box{ width: 400px; margin: 100px auto ; border: 1px solid #f2f2f2; /*采用CSS3中的动画特效 100%; } </style> <body>

    </body> </html

    98630

    扫码关注腾讯云开发者

    领取腾讯云代金券