css 入场动画_CSS3 六边形标题入场动画

CSS

语言：

CSSSCSS

确定

body {

background-color: #3b42a3;

width: 100%;

}

.bg {

height: 100%;

width: 100%;

position: fixed;

background: linear-gradient(30deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(-30deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(150deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(-150deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(30deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(-30deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(150deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(-150deg, #0e0277 11%, #3b42a3 13%, transparent 13%), linear-gradient(90deg, transparent 48%, #3b42a3 50%, transparent 52%, #0e0277 0), linear-gradient(90deg, transparent 48%, #3b42a3 50%, transparent 52%, #0e0277