本文介绍了CSS3中的媒体查询技术，用于针对不同屏幕尺寸设置不同样式。同时，详细讲解了transform属性，包括translate()、rotate()、scale()和skew()的使用方法。此外，还探讨了过渡动画和自定义动画的实现，包括transition和@keyframes的语法及应用实例。
2019.7.21
媒体查询
针对不同屏幕设置不同样式
transform
移动：translate()
旋转：rotate()
缩放：scale()
倾斜：skew()
transform:translate(水平位移，垂直位移)
值为正值，水平向右，垂直向 下，负值，水平向左，垂直向上
transform:rotate(旋转)
transform-origin:旋转参考点 （left right top bottom 百分比 精确值）
语法：
transform-origin（x坐标，y坐标）
transform:scale(缩放) 值大于1，表示放大 值在0－1之间表示缩小，一个值表示水平垂直都缩放，2个值表示水平和垂直方向
最低0.47元/天 解锁文章
441
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
