纯CSS3右上角倾斜四十五度封页角效果【附完整代码】

2021-01-09 前端效果

今天爱分享给大家带来纯CSS3右上角倾斜四十五度封页角效果【附完整代码】，希望能够帮助到大家。

效果描述：
我们经常看到一个图片或者产品列表右上角往往带有一个标签效果
大多数这种标签都是倾斜45°显示出来的，看着非常漂亮
之前的写法往往是用ps做一个图标，然后用相对定位绝对定位显示出来
现在CSS3横行的年代，哪里还有小图标什么事儿，直接纯CSS3就可以做出来了
附件就是一个很不错的案例，只用到html+css3别的啥都没有

使用方法：
1、将CSS样式引入到网页中
2、将index.html中的代码部分拷贝到你的网页中

1048

网盘链接：https://pan.baidu.com/s/1i3f9vL2GLHHTZOxR-nOL1w