css3中的斜切和缩放属性能一起用吗
发布网友
共1个回答
热心网友
<!DOCTYPE html>
<html>
<style>
.test{background: #58a;
background: linear-gradient(-45deg, transparent 15px, #58a 0);
transform:scale(0.5);
-webkit-transform:scale(0.5);
}
.test2{
transform:rotate(-40deg);
-webkit-transform:rotate(-40deg);
}
</style>
<body>
<div class="test2">
<div class="test" >
test<br>
testtest
</div>
</div>
</body>
</html>
// transform 一个class 只能放置一个属性。你测试一下我的代码追问hover之后元素内的文字从没有到斜切的方式显示，同时最大的盒子缩放0.9，装文字的容器缩放0.5怎么实现呢
追答
.test{background: #58a;
transform:scale(0.5);
-webkit-transform:scale(0.5);
}
.test2{
background:red;
transform:scale(0.9);
-webkit-transform:scale(0.9);
}
.test2:hover div{
background: linear-gradient(-45deg, transparent 15px, #58a 0);
}
test
testtest
