摘要: 用户体验 1 鼠标光标 cursor: crosshair;//十字 cursor: help;//问号 cursor: move;//十字锚 cursor: pointer;//手指 cursor: not-allowed;//禁用 cursor: wait;//加载 cursor: zoom-i 阅读全文
posted @ 2021-04-24 16:23 sanhuamao 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 引例 box-shadow:2px 3px 4px rgba(0,0,0,.5); 绘制原理: 以该元素相同的尺寸和位置,画一个rgba(0,0,0, .5)的矩形 向右移2px;向下移3px 使用高斯模糊算法进行4px模糊处理 模糊后的形状与原始元素的交集会被切除掉 单侧阴影 div { widt 阅读全文
posted @ 2021-04-24 14:36 sanhuamao 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 本章示例:https://codepen.io/sanhuamao1/pen/XWpPgeL?editors=1100 引入:border-radius border-radius可以单独指定水平和垂直半径,只要用一个斜杠(/)分隔这两个值即可。这个特性允许我们在拐角处创建椭圆圆角: border- 阅读全文
posted @ 2021-04-24 13:43 sanhuamao 阅读(102) 评论(0) 推荐(0) 编辑