1、隐藏元素的写法
面试题:隐藏元素display/visibility,他们的区别是什么?
display: none; 相当于把元素从页面中直接去除,其他元素会占据它原有的位置
visibility: hidden 相当于把元素变为透明,元素依然在页面中
div{
width: 100px;
height: 100px;
background-color: red;
margin-bottom: 10px;
}
.box2{
background-color: green;
}
.box1{
/* 隐藏元素的写法一 */
display: none;
/* 隐藏元素的写法二 */
visibility: hidden;
}
页面效果:
2、过渡(transition)[træn'siʒən]
通过过渡可以指定一个属性发生变化时的切换方式
在某种条件下可以触发,例如hover情况下
IE10开始兼容,移动端兼容良好
通过过渡可以创建一些非常好的效果,提升用户体验
4个 属性: