摘要: 凡是需要滚动的地方都加一句scroll-behavior:smooth 来提升滚动体验! 经常使用的锚点定位功能就有了平滑定位功能,如<a href="#">返回顶部</a>全局css中也建议添加html, body { scroll-behavior:smooth; } 在html里添加scrol 阅读全文
posted @ 2022-12-29 22:50 Numver 阅读(483) 评论(0) 推荐(0) 编辑
摘要: 属性定义及使用说明 clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。可以指定一些特定形状。 注意: clip-path 属性将替换已弃用的 clip 属性。 默认值: none 继承: no 动画: 支持。 版本: CSS 屏蔽模块级别 1 JavaScri 阅读全文
posted @ 2022-12-14 18:31 Numver 阅读(90) 评论(0) 推荐(0) 编辑
摘要: pointer-events 属性用于设置元素是否对鼠标事件做出反应。 CSS 语法 pointer-events: auto|none; 属性值 属性值描述 auto 默认值,设置该属性链接可以正常点击访问。 none 元素不能对鼠标事件做出反应 initial 设置该属性为它的默认值,查看更多i 阅读全文
posted @ 2022-12-14 18:27 Numver 阅读(84) 评论(0) 推荐(0) 编辑
摘要: /*全局变量保存的地方*/ :root { --main-bg-color: red; /* 变量名必须以--开头 */ } var(custom-property-name, value) 值描述 custom-property-name 必需。自定义属性的名称,必需以 -- 开头。 value 阅读全文
posted @ 2022-12-14 18:10 Numver 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 页面头部必须有meta关于viewport的声明 <meta name="’viewport’" content="”width=device-width," initial-scale="1." maximum-scale="1,user-scalable=no”"/> 通常在做响应式布局的时候, 阅读全文
posted @ 2022-12-14 17:56 Numver 阅读(12) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-12-14 17:54 Numver 阅读(530) 评论(0) 推荐(0) 编辑
摘要: 1. 文字单行溢出 overflow: hidden; // 溢出隐藏 text-overflow: ellipsis; // 溢出用省略号显示 white-space: nowrap; // 规定段落中的文本不进行换行 2. 多行文字溢出 overflow: hidden; // 溢出隐藏 tex 阅读全文
posted @ 2022-12-14 17:32 Numver 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 实现简单的水流流动效果 阅读全文
posted @ 2015-07-13 11:16 Numver 阅读(2693) 评论(3) 推荐(0) 编辑
摘要: 纯代码实现,没有引用一张图片,当然还是有改进的地方的 阅读全文
posted @ 2015-07-13 11:03 Numver 阅读(885) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-07-13 10:50 Numver 阅读(871) 评论(0) 推荐(0) 编辑