本篇文章小编给大家分享一下CSS3只让背景图片旋转180度实现代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
代码实现
HTML模板如下
智能感知设备在线率
CSS代码
css;">.smart_development_right{ position: relative; overflow: hidden; } .wisdomGongdi .gongdi_center .center_top .smart_development_right::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: url('/public/smart_equipment.png') 0 0 no-repeat; transform: rotate(180deg); }
如果希望向右旋转90度 就把上面代码中的180deg改成90deg
如果希望向左旋转90度 就把上面代码中的180deg改成-90deg
如果思路走的对,那么实现起来就会非常简单。