web
文章平均质量分 97
浩狼
这个作者很懒,什么都没留下…
展开
-
【html】【css】 6 种方式实现自定义文字描边
实现原理利用 text-shadow 可叠加的属性在同一半径内叠加多个 文字阴影实现,叠加出现的锯齿使用 text-shadow 模糊属性弱化叠加的 text-shadow 越多,text-shadow 的边缘越平滑,本例中 text-shadow 每间隔45度叠加一次,共叠加8次(叠加8次时 text-shadow的 x y轴平移距离较易计算) 。效果展示示例代码<!DOCTYPE html><html lang="en"><head> <原创 2020-11-28 16:28:20 · 13063 阅读 · 0 评论 -
js 定时器 requestAnimationFrame 简介
requestAnimationFramerequestAnimationFrame 也是定时器的一种简单的讲requestAnimationFrame就是一个以屏幕刷新率间隔时间的定时器,requestAnimationFrame回调函数执行频率紧跟刷新频率且执行在重绘之前。用 requestAnimationFrame 实现节流 节流(throttle)let animationFrameID = null;let lastTime = new Date().getTime()functio原创 2020-09-17 16:31:04 · 971 阅读 · 0 评论 -
vue 鼠标点击特效动画(css3动画),水波纹动画效果
效果展示使用在App.vue 中引用即可代码如下//waves.vue<template> <div class="Waves"> <div class="main-container"> <div class="waves"> <div class="wave" v-for="(item, key) in waves" :key="key"原创 2020-08-27 10:50:13 · 6445 阅读 · 2 评论