京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

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

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

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

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5969
5969
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java