linan996的博客

文章目录一、什么是css自媒体查询二、用法三、代码解释四、效果展示1.正常分辨率2.当屏幕宽度小于768px时3.当屏幕宽度在768px与1440px之间4.完整代码五、自媒体查询一些常用设备宽度一、什么是css自媒体查询使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。二、用法@med

文章目录一.创建动画效果二.在css选择器中引用三.参数解释animation（调用动画以及参数的解释，与-webkit-animation通用）duration（动画执行的时间）timing-function（动画执行的速度）delay（动画延迟多久开始）iteration-count（动画执行的次数）direction（是否轮流播放）四.题外话（一些css函数）1.缩放函数2.旋转函数3.倾斜函数**今天又是咸鱼的一天！！！**一.创建动画效果css动画效果创建：百分比（0%、100%）表示动画