CSS项下-⾓标效果实现⾓标
2.box-shadow 属性向框添加⼀个或多个阴影。
box-shadow: h-shadow v-shadow blur spread color inset;
transform:rotate(45deg);
box-shadow: 0px 0px 10px #888;
/* ⾓标 */
/* <div class="tricon">团购</div> */rotate属性
.tricon{
width: 72px;
height: 30px;
background-color: ##0c60ee;
color: #fff;
/**/
/**/
position: absolute;
top: -5px;
right: -28px;
/*⾓*/
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-
ms-transform: rotate(45deg);
transform:rotate(45deg);
/**/
-webkit-box-shadow:0px 0px 10px #888;
-moz-box-shadow:0px 0px 10px #888;
box-shadow: 0px 0px 10px #888;
/**/
text-align: center;
line-height: 40px;
}
box-shadow: h-shadow v-shadow blur spread color inset;

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