分享

网站推荐图加上左上角推荐 积分 原创的代码

发布于:2019-10-16 15:54    阅读次数:159    作者:云码素材    分类:行业经验    关键词:推荐图  

网站推荐图加上左上角推荐 积分 原创的代码,今天给大家分享一下,我是在云码素材网站上加上这些代码的。加好的效果图如下图所示。

推荐图代码.png

html代码如下:

<div class="workList"><div class="vip"><div class="font">原创</div></div></div>

css代码如下:

.workList{
    overflow:hidden;
}
.workList .course-item .vip {
   width: 65px;
   height: 65px;
   transform: rotate(-45deg);
   background: #f9b11a;
   position: absolute;
   top: -35px;
   left: -35px;
   font-size: 12px;
   z-index: 4;
}
.workList .course-item .vip .font {
   position: absolute;
   left: 20px;
   top: 46px;
   color: white;
}


推荐源码
查看更多

免费领
签到客服赚钱 反馈 回顶部