css实现下划线波折线,CSS3 波浪形下划线

纯css很棒的波浪形下划线

An error, a warning and an info baked by techbrood.

CSS样式：html,

body {

height: 100%;

}

body {

font-family: Open Sans, sans-serif;

font-size: 200%;

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: center;

-webkit-justify-content: center;

-ms-flex-pack: center;

justify-content: center;

-webkit-box-align: center;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

}

.error {

position: relative;

}

.error::before {

content: '';

position: absolute;

bottom: -0.125em;

width: 100%;

height: 0.25em;

background: -webkit-linear-gradient(315d