ie11 css雅黑,ie11上css 翻转效果失效

.box-container {

padding: 14px 10px;

.box-wrapper {

-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

transition: all 0.4s;

perspective: 800px;

-webkit-perspective: 800px;

-moz-perspective: 800px;

position: relative;

.box-front, .box-back {

background: #fff;

border-radius: 10px;

border: 2px solid #3380e7;

position: absolute;

-webkit-backface-visibility: hidden;

-moz-backface-visibility: hidden;

backface-visibility: hidden;

-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

transition: all 0.4s;

}

.box-front {

position: relative;

width: 100%;

text-align: center;

.header {

width: 100%;

height: auto;

padding: 40px 0 30px 0;

border-radius: ~'0 0 50% 50%/0 0 15% 15%;';

background: linear-gradient(90deg, #3977e2, #13a9ff);

}

.position{

padding: 15px 20px;

min-height: 120px;

}

}

.box-back {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

-webkit-transform: rotateY(-180deg);

-moz-transform: rotateY(-180deg);

-ms-transform: rotateY(-180deg);

-o-transform: rotateY(-180deg);

transform: rotateY(-180deg);

display: flex;

align-items: center;

.hb {

padding: 30px 30px 10px 30px;

flex: 1;

display: flex;

align-items: center;

}

}

}

.flipped .box-back {

-webkit-transform: rotateY(0deg);

-moz-transform: rotateY(0deg);

-ms-transform: rotateY(0deg);

-o-transform: rotateY(0deg);

transform: rotateY(0deg);

//animation: rotateBack .4s linear 1;

//-wbkit-animation: rotateBack .4s linear 1;

//animation-fill-mode: forwards;

//-webkit-animation-fill-mode: forwards;

box-shadow: 0 0 16px rgba(0, 93, 208, .4);

}

.flipped .box-front {

//animation: rotate .4s linear 1;

//-wbkit-animation: rotate .4s linear 1;

//animation-fill-mode: forwards;

//-webkit-animation-fill-mode: forwards;

-webkit-transform: rotateY(180deg);

-moz-transform: rotateY(180deg);

-ms-transform: rotateY(180deg);

-o-transform: rotateY(180deg);

transform: rotateY(180deg);

}

}

陈泽晖

CMA、力拓集团中国区首席经济顾问

财务管理人员不仅能够具备综合的财务知识，同时还要了解企业销售、生产、运营等各个环节，为企业经营决策提供全方位的分析。这就是所谓的复合型人才。而CMA的知识体系，恰恰符合财务管理人员对于“复合”与“前瞻”两者的诉求。

其他浏览器都没有问题 但是ie11上的效果是为什么的 没有显示翻转的过程 感觉是没有