HTML
文章平均质量分 97
浩狼
这个作者很懒,什么都没留下…
展开
-
[css] css 3d 动画,跟随鼠标移动做球形旋转
点击在线查看动画效果代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3d动画</title> <style> body { background: #34495e; min-height: 100vh; margin: 0; padding: 0; } main原创 2020-12-18 16:16:12 · 1083 阅读 · 7 评论 -
【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 评论 -
【css3】径向渐变实现任意大小背景圆点
实现原理使用透明色紧接透明色的渐变即可实现圆点渐变半径刚好为背景大小一半时,圆点刚好填满背景大小,即 71% (1 / √2 ≈ 0.71).point-bg { background-image: radial-gradient(red 71%, transparent 0); background-size: 100px 100px; background-repeat: no-repeat; }结果如下tips: 渐变函数生成的结果等同于图片,原创 2020-09-30 16:16:21 · 874 阅读 · 0 评论