CSS
文章平均质量分 52
MytLoy
前端小小白
展开
-
Flexbox布局初学者
1、justify-content(水平对齐元素)flex-start: 元素和容器的左端对齐flex-end: 元素和容器的右端对齐center: 元素在容器里居中space-between:元素之间保持相等的距离space-around:元素周围保持相等的距离{ display: flex; justify-content: flex-end;}2、align...原创 2018-03-20 15:08:38 · 425 阅读 · 0 评论 -
笔记:CSS3制作中轴旋转立方体
预览地址-纯 CSS 制作绕中轴旋转的立方体 参考样例-CodePen 立方体 demoperspective 设置元素被查看位置的视图perspective: number|none; 值 描述 number 元素距离视图的距离,以像素计 none 默认值。与 0 相同。不设置透视-webkit-perspect...原创 2018-05-04 10:14:33 · 660 阅读 · 0 评论 -
CSS3:transform
预览地址transform transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。倾斜2D:skew(x-angle,y-angle)向左倾斜30度:transform:skew(30deg,0);缩放2D:scale(x,y) 3D:scale3d(x,y,z) or scale...原创 2018-04-27 11:33:11 · 211 阅读 · 0 评论 -
笔记:CSS transition 和 CSS transform 配合制作动画
预览地址-纯 CSS 实现猫笑起来的动画 预览地址-3D 空间的卡片翻转动效transition-timing-function transition-timing-function 属性规定过渡效果的速度曲线 值 描述 linear 规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1)) ease 规...原创 2018-04-27 14:41:03 · 555 阅读 · 0 评论