随笔分类 - css
摘要：弹窗从鼠标点击位置弹起 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="vi
阅读全文
摘要：CSS 功能拓展 嵌套 #main p { color: #00ff00; .redbox { color: #000000; } } 属性嵌套 个人基本没怎么用过。 .funky { font: { family: fantasy; size: 30em; weight: bold; } } 父选
阅读全文
摘要：如何用纯 css 实现页面滚动停靠效果 效果图 以前要实现页面滚动停靠效果需要借助 js 来操作 dom，类似于fullpage.js插件，现在纯 css 也能做到同样的事。 scroll-snap-type scroll-snap-type 属性定义元素容器的滚动方式。该属性不能作用于body标签
阅读全文
摘要：aspect-ratio aspect-ratio CSS 属性为box容器规定了一个期待的纵横比，这个纵横比可以用来计算自动尺寸以及为其他布局函数服务。 aspect-ratio: 1 / 1; aspect-ratio: 16 / 9; 例子 .box { width: 50vw; aspect
阅读全文
