CSS3过渡在Internet Explorer中不起作用 [英] CSS3 transition is not working in internet explorer

问题描述

html -

html -

<div class="col-md-3 col-xs-6">
                      <div class="cube">
                        <div class="flippety">
                            <img src="img/cube5.png" width="98%">
                        </div>
                        <div class="flop">
                            <img src="img/cube6.jpg" width="98%">
                            
                        </div>
                    </div>
                    <br><br>
                  </div>

和css -

and css -

.cube:hover {
    
	-webkit-transform: rotateX(89deg);
	transform: rotateX(89deg);
     
}
.cube {
	text-align: center;
	margin: auto auto;
	height: 110px;

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */
    
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
}
.flop {
    -ms-transform: rotateX(-90deg) translateZ(-50px);
	-webkit-transform: rotateX(-90deg) translateZ(-50px);
	transform: rotateX(-90deg) translateZ(-50px);
}

我尝试过：



我想用CSS3 3D转换来构建一个立方体..

What I have tried:

I'm tring to build a cube with CSS3 3D Transform..

推荐答案

Css3转换只支持ie 10& 11.查看此链接 -

我可以使用



CSS3 Transitions

Css3 transitions are supported only in ie 10 & 11. Check this link -
Can i use

CSS3 Transitions

这篇关于CSS3过渡在Internet Explorer中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！