Coco是一个用于创建和定制消息通知的CSS框架。它提供了一套预定义的样式类，可以帮助开发者快速地创建响应式的消息通知组件。这些样式类包括.coco-msg-progress,.coco-msg__circle,.coco-msg__background,以及.coco-msg-stage等。
.coco-msg-progress类用于表示消息通知的进度条，其宽度为14像素，高度也为14像素。.coco-msg__circle类定义了一个圆形的通知指示器，其边框宽度为2像素，线条端点为方头(square),内部不填充颜色，并且通过旋转90度来定位到通知容器的中心。当鼠标悬停在.coco-msg-stage元素上时，.coco-msg__circle的动画播放状态会被暂停。这可以实现一个平滑的过渡效果。
.coco-msg__background类定义了通知指示器的背景样式，其边框宽度也为2像素，但内部填充颜色为空。.coco-msg-stage类用于表示消息通知的容器，它具有固定的位置(顶部20像素，左侧50%的位置),宽度自动调整，并且通过变换实现了垂直居中对齐。
使用Coco框架，开发者可以方便地自定义消息通知的外观和行为。通过组合不同的样式类和应用相应的CSS属性，可以实现各种不同风格和交互效果的消息通知组件。
