自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

KatyLight的博客

KatyLight的博客

  • 博客(81)
  • 收藏
  • 关注

原创 像素图片在网页中很模糊怎么办?输入这个样式

像素图片在网页中很模糊怎么办?输入这个样式

2024-01-23 02:28:02 376

原创 【vue】Wave水波纹组件写法

wave的效果,waveObject当里面放置一张图片或者任意文字段落等等,按照方法写的话就会点击有水波纹。

2023-02-20 09:57:56 469 1

原创 【vue游戏】Dungeons地下城游戏

vue写的Dungeons游戏

2022-12-22 15:59:46 212

原创 【css】固定图片背景制作出高级效果

【css】固定图片背景制作出高级效果

2022-10-25 15:29:15 263

原创 【css3】神奇的3*3根据父节点宽度自适应的盒子

神奇的3*3盒子根据父节点自适应宽度。

2022-10-17 09:09:02 195

原创 【vue3】路由动画

【vue3】路由动画

2022-10-09 11:34:08 202

原创 【vue动画笔记】

【vue动画笔记】显示时候先拉伸再变深色,隐藏时候,先变浅再拉伸

2022-09-28 09:24:25 282

原创 【vue3】使用render函数绘画表格

使用render函数绘画表格

2022-09-28 09:16:21 555

原创 【vue】滚动鼠标滚轮的时候,div也会水平滚动

一般dom节点鼠标滚轮使用的时候,只能垂直滚动,而现在经过改造,可以变成水平滚动。

2022-09-20 16:29:10 731

原创 【vue组件】refs挂在图片在变化时候潜入变化

vue watch图片src变动ref挂载并且有切换渐变动画。

2022-09-20 11:43:46 328

原创 【vue】mask遮罩层组件

vue组件,mask前提是parent node需要设置postion reative 或者absolute等等,不能是static

2022-09-19 15:10:31 1747

原创 【vue】图片加载动画效果

vue组件,图片加载时

2022-09-19 15:09:10 1579

原创 【css】加载中的光影特效

有的时候图片需要加载时间,速度慢的话图片可能会卡住,这个时候用这个css样式让其好看点。

2022-08-05 14:47:33 531 1

原创 【css】flex-shrink:0的方法让div横向滚动。

【css】flex-shrink:0的方法让div横向滚动。

2022-08-05 14:45:08 689

原创 【css】svg动画动态骷髅旋转html

这个是我在哪个网站上抄的笔记。

2022-08-02 10:59:01 176

原创 【css】动画彩色条纹。

【css】动画彩色条纹。

2022-08-02 10:55:23 214

原创 【css】子div会变形父div的外观以及一些奇怪的div交互效果。

奇怪交互效果一些合集

2022-08-02 10:52:39 186

原创 【css】在环境所有内容模糊下hover变得清晰。

【css】在环境所有内容模糊下hover变得清晰。

2022-08-02 10:50:03 149

原创 【css】字体比背景图片更加亮和发光图层偏移效果

文字饱和度滤镜

2022-08-02 10:47:19 135

原创 【css】纯css实现动态边框

【css】纯css实现动态边框

2022-08-02 10:42:39 1472

原创 【html】非服务器环境运行显示跨域图片

如果仅限单机非服务器环境运行html,要显示跨域图片。仅仅需要在html的头部增加这么一行:

2022-08-02 10:40:10 105

原创 【html】用iframe在服务器环境下跨域单张图片或者视频

【html】用iframe在服务器环境下跨域单张图片或者视频

2022-08-02 10:37:35 601

原创 【css】禁止拖拽选择图片

【css】禁止拖拽选择图片

2022-08-02 10:32:58 1212 1

原创 【js】计算child node 到 parent node的距离并且滚动到位置

计算child node 到 parent node的距离并且滚动到位置,一般用于滚动到指定位置,

2022-08-02 10:14:50 220

原创 【css+js】彩色书签

唯美彩色的书签

2022-07-21 16:50:35 389

原创 【js组件】date日期显示。

日期组件,会随着时间变化。实现代码:

2022-07-06 15:53:41 486

原创 【js组件】自定义select

【js组件】自定义select

2022-07-06 15:02:08 461

原创 【纯css】实现无限滚动循环组件,无js

无限滚动组件,无需js

2022-06-30 11:03:13 605

原创 【html】小游戏:open door

下面的一条是颜色,打开一个门,对应相应的颜色,如果是渐变色,那么是优先扣除上面的颜色,等颜色用完后,会验证是否已经打开了下一个房间的门和是否可以打开其他门,如果没有打开的方法,那么就要刷新浏览器重新开局。 ...

2022-06-27 16:51:57 603

原创 【css】用渐变模拟边框制作四周切角的div

【css】用渐变模拟边框制作四周切角的div

2022-06-24 14:01:20 401

原创 【html】极简的论坛静态页面。

含有canvas,规范的html布局

2022-06-06 17:16:15 573

原创 【html】融合canvas星星坠落页面

梦幻星星动态。

2022-06-02 17:48:16 208

原创 【html】静态页面:订阅页

极简订阅页面。

2022-06-02 16:29:36 216

原创 【css】炫酷半边边框效果div

这个效果很炫酷,在hover的时候,线条会靠近文本中心。用到了两个伪类实现。

2022-06-02 15:23:56 1355

原创 【css】光雾边框动画

动画效果

2022-06-02 15:03:44 239

原创 【css】丝滑波浪按钮一半流动覆盖字体和背景颜色

丝滑波浪按钮

2022-06-02 14:56:10 274

原创 【css】图片的内容阴影处理

图片阴影为内容

2022-06-02 09:53:46 814

原创 【css】纯CSS的好看跳舞镜像发光加载动画

纯css的加载中样式

2022-06-01 17:57:55 187

原创 【css】简单大气css玻璃滤镜样式

按钮会比背景饱和度更高,点击时候更高。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .back { background: inherit; filter: saturate(0); position:...

2022-05-31 14:23:21 247

原创 canvas小框架

canvas小插件

2022-03-15 16:40:31 424

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除