css
初识这世间万般留恋
这个作者很懒,什么都没留下…
展开
-
CSS 实现div水平竖直居中
<div class="container"> <div class="child"></div> </div>1. 第一种 flex 布局.container{ display: flex; justify-content: center; align-items: center; }2. 绝对定位.container{ position: relative; } .child{ po.原创 2020-08-27 16:19:25 · 289 阅读 · 0 评论 -
css3d 正方形
perspective:500 属性定义 3D 元素距视图的距离,以像素计transform-style:preserve-3d; transform--style属性指定嵌套元素是怎样在三维空间中呈现。rotateY() Y轴旋转translate3d(x,y,z) 平移 参数可以是px 、百分比 表示平移距离展示图<div class="container"> <div class="box"> <di...原创 2020-07-06 18:13:04 · 495 阅读 · 0 评论 -
实现img垂直居中
针对情况:不知道img元素高度<div> <img src="../../assets/hp.jpg"/> <span></span> </div>原理: 给img元素添加一个并列的兄弟元素 ,将这个兄弟元素的高度设为父容器的高度 ,再对这个兄弟元...原创 2018-08-31 12:07:20 · 3485 阅读 · 0 评论 -
CSS 动画 过渡(转载)
https://www.cnblogs.com/fsjohnhuang/p/9289618.html 动画定义动画@keyframes rotate { from { transform: rotate(90deg); } to { transform: rotate(-360deg); } }使用动画<css-selector> { animation: &...转载 2018-09-04 16:08:51 · 128 阅读 · 0 评论 -
flex布局(转)
原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ ...转载 2019-03-26 15:02:12 · 99 阅读 · 0 评论 -
前端冷知识,666 收藏了
https://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html转载 2019-03-26 16:28:36 · 293 阅读 · 0 评论