css
Sam young
这个作者很懒,什么都没留下…
展开
-
css root 的使用
相当于用于一种变量,原创 2023-01-31 14:36:18 · 137 阅读 · 0 评论 -
css table-layout用法
css table-layout 使用方法原创 2022-08-31 16:12:39 · 218 阅读 · 0 评论 -
css 扩大点击范围或者hover范围
.dom { position: relative; } .dom ::after { content: ''; position: absolute; top: -6rpx; right: -30rpx; bottom: -6rpx; left: -20rpx; }原创 2022-05-20 15:33:43 · 1175 阅读 · 0 评论 -
css position: sticky 使用方法
效果图代码<section> <h2>I am sticky</h2> <p>Blood, Sweat And Tears Winston Churchill May 13, 1940 On Friday evening last I received from His Majesty the mission to form a new administration. It was the evident will of Parl原创 2022-04-21 09:42:25 · 629 阅读 · 0 评论 -
过渡动画css3 效果+实现思路
效果图项目demo链接思路实现/** 这里是用scss 写的 *//** 这里让主模块高度拉满,模块占垂直水平居中 */body { display: flex; height: 100vh; justify-content: center; align-items: center; background: #222;}.loading {/** 颜色变量的 */ $colors: #7ef9ff, #89cff0, #4682b4, #0f52ba, #000原创 2022-02-11 16:30:53 · 239 阅读 · 0 评论 -
css3 last-child 和 last-of-type 区别
和last-child都有选中匹配父元素中,最后一个元素。会匹配每种不同元素的最后一个,意思是同一个父元素存在span和p最后一个元素是.test都会被选上。last-child只会匹配最后一个元素的.test。原创 2022-01-19 10:09:12 · 642 阅读 · 0 评论