这个网站是一个用于显示错误图标的网站,通过CSS动画和JavaScript实现了一个错误提示效果。
- 使用
.swal-icon--error
类来定义错误图标的样式,包括边框颜色、动画等。
- 使用
.swal-icon--error__x-mark
类来定义错误图标的X标志样式。
- 使用
.swal-icon--error__line
类来定义错误图标线的样式,包括位置、高度、背景颜色、顶部位置等。
- 使用
.swal-icon--error__line--left
类和.swal-icon--error__line--right
类来定义错误图标线的方向和位置。
- 使用
-webkit-animation
和animation
属性来实现CSS动画效果。
- 使用
display:block
和position:relative
等CSS属性来定位和显示X标志。
- 使用
top:37px
和border-radius:2px
等CSS属性来设置错误提示线的位置和圆角。