摘要: 优秀的网站要对用户的互动做出反应。做到这一点的一个很好的方法就是对有人向下滚动你的页面做出反应。 除了视差组件和滚动事件外,添加响应式触摸的一种好方法是使元素在滚动视图时淡入。 在本技巧中,将介绍如何使用滚动事件和css转换在vue3中实现此功能。 这是我们将学习如何在本教程中进行构建的屏幕截图。 阅读全文
posted @ 2021-07-13 00:10 酷儿q 阅读(410) 评论(0) 推荐(0) 编辑
摘要: 1.使用最新特性不是优先事项 在一个新项目的初期阶段,它用到的可能只是几条CSS规则,但随着项目的持续更新和迭代,项目中使用到的规则就会变得越来越复杂,CSS也会越来越复杂尺寸也会随之不断膨胀。因此,作为项目优化的第一要务,作为资源的CSS需要尽可能的精简和减少复杂度,第一是为了便于更好地理解和维护 阅读全文
posted @ 2021-07-13 00:06 酷儿q 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 本节我们学习 Less 中的嵌套,嵌套应该很容易理解,html 语言中就支持标签的嵌套。我们在使用 css 时,如果想要为多层嵌套的元素设置样式,要么给元素加上一个类选择器或ID选择器,要么使用后代选择器。例如: .xkd{ font-size: 14px; } .xkd p{ line-heigh 阅读全文
posted @ 2021-07-13 00:03 酷儿q 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 元素添加初始参数 以上图中的动画为例,添加俩个左右容器,将内容放置在容器内部。 添加初始数据,默认透明度0、左右分别移动100px。 //左侧容器 .item-leftContainer { opacity: 0; transform: translateX(-100px); } //右侧容器 .i 阅读全文
posted @ 2021-07-13 00:00 酷儿q 阅读(460) 评论(0) 推荐(0) 编辑