Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

纯CSS右上角倾斜四十五度封页角效果

作者/代码整理:懒人  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2016-08-12

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

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