html圆圈倒计时,html5 css3圆形进度条倒计时页面跳转代码

特效描述：html5 css3 圆形进度条 倒计时 页面跳转代码。html5 css3进度条倒计时动画特效

代码结构

1. HTML代码

html5+css3进度条倒计时动画特效

body {

margin: 0;

padding: 0;

background: #E6EAEB;

font-family: Arial, '微软雅黑', '宋体', sans-serif

}

.alert-box {

display: none;

position: relative;

margin: 96px auto 0;

padding: 180px 85px 22px;

border-radius: 10px 10px 0 0;

background: #FFF;

box-shadow: 5px 9px 17px rgba(102,102,102,0.75);

width: 286px;

color: #FFF;

text-align: center

}

.alert-box p {

margin: 0

}

.alert-circle {

position: absolute;

top: -50px;

left: 111px

}

.alert-sec-circle {

stroke-dashoffset: 0;

stroke-dasharray: 735;

transition: stroke-dashoffset