一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

CSS3实现左上角或右上角显示提醒圆点代码示例

时间:2020-10-20 编辑:袖梨 来源:一聚教程网

本篇文章小编给大家分享一下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 转换。

热门栏目