动漫风html源码,CSS3动画制作一个卡通风格的404错误页面代码

CSS3动画制作一个卡通风格的404错误页面代码(有动画效果)

html>

Css 404错误页

.error-container {

text-align: center;

font-size: 106px;

font-family: "Catamaran", sans-serif;

font-weight: 800;

margin: 70px 15px;

}

.error-container > span {

display: inline-block;

position: relative;

}

.error-container > span.four {

width: 136px;

height: 43px;

border-radius: 999px;

background: linear-gradient(

140deg,

rgba(0, 0, 0, 0.1) 0%,

rgba(0, 0, 0, 0.07) 43%,

transparent 44%,

transparent 100%

),

linear-gradient(

105deg,

transparent 0%,

transparent 40%,

rgba(0, 0,