html如何让div一条边斜着,CSS3转换偏斜一侧

f6aa0d824380d0f1591f108bfbb81522.png

扬帆大鱼

您可以使用变换和变换原点来实现。组合各种转换会得到相似的结果。我希望你觉得这对你有帮助。:)有关更简单的转换,请参见这些示例。这有一点:div {        width: 300px;    height:200px;    background-image: url('http://placecage.com/g/300/200');    -webkit-transform: perspective(300px) rotateX(-30deg);    -o-transform: perspective(300px) rotateX(-30deg);    -moz-transform: perspective(300px) rotateX(-30deg);    -webkit-transform-origin: 100% 50%;    -moz-transform-origin: 100% 50%;    -o-transform-origin: 100% 50%;    transform-origin: 100% 50%;    margin: 10px 90px;}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值