css3
文章平均质量分 88
叶子yes
前端学习之旅,期待你的加入
展开
-
两分钟快速上手less
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。全局安装less局部安装less查看less版本lessc -v将.less文件转成.css文件vscode中安装一个插件:Easy LESS,此插件可以自动将.less文件转成.css文件。原创 2022-10-06 16:55:33 · 695 阅读 · 10 评论 -
【案例】使用CSS3实现天空变化效果
使用到的图片素材:(都是一些云朵图片,背景是透明的)先写html结构,html结构很简单,只需要4个div标签即可,外面包裹的div用来设置背景,即天空颜色,里面三个div用来放云朵:接下来写CSS样式:设置一个天蓝色的背景色:然后设置背景动画,变化的效果是:天蓝色–> 黑色–> 天蓝色然后设置动画播放:设置完之后,就可以得到下面天空变化的效果:接下来再来设置云朵的样式,三个云朵样式都是一样的:然后再设置云朵动画,主要是让云朵不断向左移动:然后让动画播放:来看看最终效果吧!下面是完整代码原创 2022-07-28 16:31:37 · 1384 阅读 · 0 评论 -
CSS媒体查询
媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有width、height和color(等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。媒体查询与弹性盒布局的适用情况媒体查询当页面的结构发生变化的话最好使用媒体查询。弹性盒如果只是宽高的变化,尽量使用弹性盒。...原创 2022-07-28 15:44:34 · 22212 阅读 · 0 评论 -
CSS动画
1.什么是透视近大远小2.注意点一定要注意,透视属性必须添加到需要呈现近大远小效果的元素的。原创 2022-07-28 14:16:10 · 116 阅读 · 0 评论