2019年12月13日
css学习5
摘要： 3D转换 transform rotateX() X轴方向向里旋转指定度数 transform rotateY() Y轴方向向里旋转指定度数 例：div{transform:rotateX(120deg);}向里旋转120度 div{transform:rotateY(120deg);} 过渡效果 阅读全文
posted @ 2019-12-13 16:51 ygz0111 阅读(105) 评论(0) 推荐(0)
css学习4
摘要： css3 2d,3d转换 1.2d转换 transform rotate div{transform:rotate(30deg);} 顺时针旋转30度，负值为逆时针 transform translate div{transform:translate(50px,100px)} 从当前位置移动到xy 阅读全文
posted @ 2019-12-13 16:31 ygz0111 阅读(70) 评论(0) 推荐(0)
css学习3
摘要： 1.text-shadow 文本阴影 {text-shadow:5px 5px 5px red；} 2.box-shadow 盒阴影{box-shadow:10px 10px 5px red;} 使用特例：卡片效果 div.card { width: 250px; box-shadow: 0 4px 阅读全文
posted @ 2019-12-13 16:08 ygz0111 阅读(132) 评论(0) 推荐(0)
css学习2
摘要： 渐变 gradients 线性渐变 linear gradients 向下/向上/向左/向右/对角方向 径向渐变 radial gradients 由中心向外 例 #grad { background-image: linear-gradient(#e66465, #9198e5); }默认上下方向 阅读全文
posted @ 2019-12-13 15:16 ygz0111 阅读(101) 评论(0) 推荐(0)
css3学习1
摘要： 1。边框 转自https://www.runoob.com/css3/css3-borders.html border-radius 圆角，例子 border-radius:25px border-shadow 盒阴影 ，例子 border-shadow:10px 10px 5px #888888; 阅读全文
posted @ 2019-12-13 13:53 ygz0111 阅读(267) 评论(0) 推荐(0)