Thinkphp自定义美化success和error提示跳转页面，想自学Android的速来

-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

}

/animation start/

#animationTipBox {

width: 100%;

height: auto;

background-color: #fff;

border-radius: 8px;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

position: fixed;

left: 50%;

top: 30%;

margin-left: -50%;

margin-top: -75px;

z-index: 1001;

-webkit-animation: alertAnimation 0.3s ease-in-out 0s 1;

-moz-animation: alertAnimation 0.3s ease-in-out 0s 1;

animation: alertAnimation 0.3s ease-in-out 0s 1;

}

#animationTipBox * {

box-sizing: content-box;

-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

}

#animationTipBox .icon {

position: relative;

width: 80px;

height: 80px;

border-radius: 50px;

-webkit-border-radius: 50px;

-moz-border-radius: 50px;

border: 4px solid #66cc33;

margin: 15px auto 5px auto;

}

#animationTipBox .icon_box {

width: 80px;

height: 80px;

margin: 0 auto;

text-align: center;

position: relative;

}

#animationTipBox .lose .icon {

border-color: #FF9090;

}

#animationTipBox .lose .icon_box {

-webkit-animation: lose_Animation 0.5s ease 0s 1;

-moz-animation: lose_Animation 0.5s ease 0s 1;

animation: lose_Animation 0.5s ease 0s 1;

}

#animationTipBox .dec_txt {

font-size: 16px;

text-align: center;

color: #666;

line-height: 26px;

height: 26px;

padding: 5px 0 10px 0;

}

.tip .icon {

width: 80px;

height: 80px;

background-color: #66cc33;

border-radius: 100%;

-webkit-border-radius: 100%;

-moz-border-radius: 100%;

color: #fff;

font-size:
80px;

text-align: center;

line-height: 80px;

}

.success .line_short {

width: 25px;

height: 5px;

position: absolute;

left: 14px;

top: 46px;

border-radius: 4px;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

background-color: #66cc33;

transform: rotate(45deg);

<