本篇文章小编给大家分享一下CSS3实现左上角或右上角显示提醒圆点代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
效果图(如果想要三角形请点击这里):
代码:
css;">
剑开天门
附录:下面看下左上角实现红色三角号标识
左上角实现红色三角号标识,如图
利用伪类实现,position和transform、border属性为重点。
位置调整修改top和left的值即可。
New Document
Internet Explorer 10、Firefox、Opera 支持 transform 属性。Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。Opera 只支持 2D 转换。