这个网站的样式主要由两个CSS类组成:class|=coco
和.coco-msg-stage
。
.coco
类定义了一个矩形框,其内容被包含在边框之内。此外,还添加了一个::after
和::before
伪元素,用于在元素内容周围添加一些自定义样式。
.coco-msg-progress
是一个宽度为13px、高度为13px的圆形图像。
.coco-msg__circle
类设置了线条粗细为2,圆角闭合,填充颜色为透明。同时,它的旋转中心点设置为居中。
.coco-msg-stage:hover .coco-msg__circle
类添加了一个-webkit-animation-play-state:paused!important
动画状态,当鼠标悬停在该类上时,动画会暂停。
.coco-msg-stage
类定义了页面布局,位置固定在页面顶部的20px处,左边界对齐到屏幕中间,宽度自动调整以适应屏幕大小。