怎么样实现一个div左右翻转180度用JavaScript和css

答案:7 悬赏:20 手机版

解决时间 2021-03-31 06:34

提问者网友：戎马万世
2021-03-30 23:31

最佳答案

五星知识达人网友：千夜
2021-03-31 00:03

YuGiOh

#div {
position: absolute;
top: 50px;
left: 300px;
width: 300px;
height: 300px;
line-height: 300px;
text-align: center;
border: 1px solid black;
}

rotate
ROTATE

全部回答

1楼网友：渡鹤影
2021-03-31 05:58

翻转的话第一反应就是css3，或者可能有JQUERY插件也说不定。。。

2楼网友：洒脱疯子
2021-03-31 05:00

如果实在没有方法，你可以尝试使用两个div。分别放上两张翻转180度的图片。
显示左边，隐藏右边，动画左边逐渐缩小宽度为0，右边逐渐扩大宽度显示出来。

3楼网友：洎扰庸人
2021-03-31 03:44

transform:rotate(rotateY(180deg));

4楼网友：一把行者刀
2021-03-31 02:28

点击正常
这是个DIV

巧合前两天研究了css3
你这个问题用css3的transform属性来解决是最简单的方法
再加上css3的animation还能做动画
具体的就请百度下这两个属性吧（内容挺多的，还是自己理解比较好）
但是用css3的缺点就是一些老版本的浏览器都不支持，兼容性不好
如果要用JavaScript+css实现全兼容那就不是一般的麻烦了，而是very very的麻烦
当然如果条件允许的话就直接做图片来实现你的效果吧，这样既简单又能做到兼容

怎么样实现一个div左右翻转180度 用JavaScript和css

怎么样实现一个div左右翻转180度用JavaScript和css