响应式页面:根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。
响应式页面,响应式页面,响应式页面!
@慕粉zgn123456
响应式页面,响应式页面,响应式页面!
@慕粉zgn123456
2017-07-18
字数限制,没有加入webkit 和 moz 前缀的CSS项目,搭配了透明度和渐变动画
.wrapper div {
background: orange;
color: #fff;
transform: rotate(-20deg);
transform-origin: bottom left;
opacity:0;
transition:all 0.5s;
}
.wrapper:hover div{
opacity:1;
transform: rotate(0deg);
}
.wrapper div {
background: orange;
color: #fff;
transform: rotate(-20deg);
transform-origin: bottom left;
opacity:0;
transition:all 0.5s;
}
.wrapper:hover div{
opacity:1;
transform: rotate(0deg);
}
2017-07-18
已采纳回答 / 高冷的皮卡丘
导入一个外部样式,和<link style="text/css" rel="stylesheet" href="XXX.css">差不多,兼容性较差,但可以把多个样式表导入到一个样式表中,在本例中具体作用不太清楚。(如有错请指点)
2017-07-17
没有效果的童鞋,注意浏览器前缀,我这里也没效果,忽然发现没加前缀。。。这坑踩得好
| 前缀 | 浏览器 |
| ------------- | -----:|
|-webkit | chrome和safari |
| -moz | firefox |
| -ms | IE |
| -o | opera|
| 前缀 | 浏览器 |
| ------------- | -----:|
|-webkit | chrome和safari |
| -moz | firefox |
| -ms | IE |
| -o | opera|
2017-07-17