![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 76
阿南好难難难
一个web前端小菜鸡
展开
-
CSS3 @media 查询-----完善不同设备的样式适配
文章目录一、什么是css自媒体查询二、用法三、代码解释四、效果展示1.正常分辨率2.当屏幕宽度小于768px时3.当屏幕宽度在768px与1440px之间4.完整代码五、自媒体查询一些常用设备宽度一、什么是css自媒体查询使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。二、用法@med原创 2021-11-08 10:39:31 · 951 阅读 · 0 评论 -
css动态特效 @keyframes
文章目录一.创建动画效果二.在css选择器中引用三.参数解释animation(调用动画以及参数的解释,与-webkit-animation通用)duration(动画执行的时间)timing-function(动画执行的速度)delay(动画延迟多久开始)iteration-count(动画执行的次数)direction(是否轮流播放)四.题外话(一些css函数)1.缩放函数2.旋转函数3.倾斜函数**今天又是咸鱼的一天!!!**一.创建动画效果css动画效果创建:百分比(0%、100%)表示动画原创 2021-10-27 21:07:43 · 8132 阅读 · 1 评论