![](https://img-blog.csdnimg.cn/direct/428ba52f684e4bf4968c75e70c09b0e3.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML
文章平均质量分 97
HTML的一些基础知识和界面
鑫宝Code
前端/全栈/合约开发工程师
曾在字节跳动,阿里巴巴工作过
目前专注于Web3
展开
-
【HTML】SVG实现炫酷的描边动画
大佬的个性签名,觉得还是非常炫酷的,于是也想要搞一个自己的个性签名用来装饰自己的门面,不过由于手写的签名太丑了,遂放弃。于是尝试理解原理,深入研究此等密法,终于小有所成,发现原来是描边动画,于是记载如下,方便以后借鉴。你看下面这段代码,定义了一个圆形,圆形中心点的x和y坐标,都设置为 “50%” 表示圆形中心点位于SVG画布居中,/* 设置虚线的长度和间隔,这里表示长度为200像素,间隔也为200像素 */有读者问,我理解了一条线的动画,也理解了圆的动画,我现在想要其他。很好的问题,其实几乎所有的。原创 2024-02-19 13:33:46 · 2506 阅读 · 37 评论 -
【HTML】过年不能放烟花,那就放电子烟花
不过没关系,我们懂技术,我们用技术自娱自乐,放电子烟花,总不可能被警长叔叔敲门问候吧。我们将背景设为半透明的黑色,这样结合之前粒子下落时也会半透明是不是碰撞出新的视图呢?对于一个烟花,我们只需要知道这个研发爆炸在什么位置就可以了,也就是。,为什么是加呢,因为对于屏幕而言,右上角的px是(0,0),所以想下的速度是正,向上的速度是负。属性分析完了,接下来我们思考一个问题,粒子在爆炸那一刹那,是如何运动的呢?但是粒子是有了,但是我们想要的是粒子有一个流星一样的尾巴,那该如何做呢?// 所有烟花的集合。原创 2024-02-16 14:25:06 · 2105 阅读 · 31 评论 -
【HTML】交友软件上照片的遮罩是如何做的
可惜的是,有些交友软件真不够意思,连一些漂亮小姐姐的图片都要进行遮罩,完全不考虑兄弟们的感受,😠。注:我实在没有在网上找到该软件这些有遮罩的图片,所以只好从自己的主页上截取了下,如果有当事人认为这是自己的话,请速与我联系,我会及时删除的。碎碎念:我看了蛮多毛玻璃的技术文章,这个技术大家说都是为了让能人阅读的时候更赏心悦目,能用来遮小姐姐也算是很不错的创新了。现在我们只需要两样东西,一个是小姐姐的图片,一个是前端的小知识。,重申一下,我这里没有任何打广告的嫌疑,毕竟是我朋友玩的,🐶。我采用的小姐姐图片如下原创 2024-02-14 13:04:11 · 4931 阅读 · 3 评论 -
【HTML】情人节给npy一颗炫酷的爱心
祝今天有情人终成眷属,无情人早日找到心仪的另一半,哈哈。原创 2024-02-14 07:32:49 · 1690 阅读 · 5 评论