摘要: 过渡与动画 transition过渡 transition过渡属性是CSS3浓墨重彩的特性,过渡可以为一个元素在不同样式之间变化自动添加 “补间动画”。 transition属性基本使用: transition: width 1s linear 0s; width 希望需要过渡的属性 transit 阅读全文
posted @ 2021-03-08 20:40 cwl_rk 阅读(36) 评论(0) 推荐(0)
摘要: 2D与3D转换 2D变形 旋转变形 transform: rotate(45deg); 顺时针旋转45度 transform-origin: 0 100%; 设置源点(左,上) 缩放变形 transform: scale(3); 缩放倍数,可以用小数 scale(0.5) 斜切变形 transfor 阅读全文
posted @ 2021-03-06 20:31 cwl_rk 阅读(244) 评论(0) 推荐(0)
摘要: 背景与渐变 背景颜色基础知识 表示方法: background-color: #ff0ff00 rbg rgba paddding 区域是有背景颜色的! 背景图片基础知识 background-image: url(相对或者绝对路径或者外链) 相对路径从css出发的路径 背景图片的重复模式 back 阅读全文
posted @ 2021-03-06 15:14 cwl_rk 阅读(38) 评论(0) 推荐(0)
摘要: 边框与圆角 border的三要素 border: 1px solid red; border-width(线型) dotted-点状线 dashed-虚线 solid-实线 border-style(线宽度) 如:1px border-color(线颜色) 如:red 四个方向的边框 border- 阅读全文
posted @ 2021-03-04 19:29 cwl_rk 阅读(143) 评论(0) 推荐(0)
摘要: 浮动与定位 基础知识 浮动最本质的功能:用来实现并排 两个注意事项: 所有的浮动元素都要加上 float:left。 父盒子的width 需要大于 所有元素的width和 不然 元素会掉到下一行。 顺序贴靠特性: 如果没有足够空间,则会寻找再前一个兄弟元素贴靠。 浮动的元素一定设置宽高 即使是spa 阅读全文
posted @ 2021-02-28 14:12 cwl_rk 阅读(78) 评论(1) 推荐(0)