html5请柬制作原理,HTML5请柬（或信封、卡片、纸张）展开动画

CSS

语言：

CSSSCSS

确定

* {

margin: 0;

padding: 0;

}

html,

body {

width: 100%;

height: 100%;

overflow: hidden;

background: rgba(17, 126, 104, 1);

background: -moz-radial-gradient(center, ellipse cover, rgba(17, 126, 104, 1) 0%, rgba(17, 126, 104, 1) 25%, rgba(1, 81, 54, 1) 100%);

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(17, 126, 104, 1)), color-stop(25%, rgba(17, 126, 104, 1)), color-stop(100%, rgba(1, 81, 54, 1)));

background: -webkit-radial-gradient(center, ellipse cover, rgba(17, 126, 104, 1) 0%, rgba(17, 126, 104, 1) 25%, rgba(1, 81, 54, 1) 100%);

background: -o-radial-gradient(center, ellipse cover, rgba(17, 126, 104, 1) 0%, rgba(17, 126, 104, 1) 25%, rgba(1, 81, 54, 1) 100%);

background: -ms-radial-gradient(cente