html图片倾斜标签,CSS3信息卡片左上角的倾斜标签

更新时间:2023-07-01 17:19:16 阅读: 评论:0

html图⽚倾斜标签,CSS3信息卡⽚左上⾓的倾斜标签CSS
语⾔:
CSSSCSS
红学会确定
.new-item-badge {
position: absolute;
background: #92b7bd;日本人体艺术图
z-index: 999;
border-radius: 3px;
color: #fff;
低血压危害小明丫说剧font-size: 70%;
上海交通大学校历
padding: 2px 4px 0;
top: -17px;
left: -10px;
line-height: 1.4;
-ms-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
-webkit-transition: 0 0.1s ea-in;
-moz-transition: 0 0.1s ea-in;
-o-transition: 0 0.1s ea-in;
bosniatransition: transform 0.1s ea-in;
/
* Most of this code is necessary to style and position the badge. */
}
li {
/* This is also necessary to position it. */
position: relative;
margin: 30px;
list-style: none;
}
li:hover .new-item-badge {
transform: rotate(-14deg);
生理期可以喝牛奶吗
-ms-transform: rotate(-14deg);
-
webkit-transform: rotate(-14deg);
/* This combined with the transition properties above rotates the badge on hover. */ }
body {
background: #f7f7f7;
刘秀font-family: sans-rif;
text-transform: upperca;
}
li a {
color: #333;
background: #fff;
padding: 5px 10px;
border-radius: 3px;
box-shadow: 0 1px 2px #ddd;
text-decoration: none;
}

本文发布于:2023-07-01 17:19:16,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1072526.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

上一篇:Master Badge
标签:标签   倾斜   日本   危害   生理期   人体艺术
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图