Pure css To achieve the corner mark effect, it is usually applied to the top, recommended, popular and other scenes that need special annotation. Here, the transform: rotate (- 30deg) attribute is mainly used. The specific implementation code is as follows:
1, html code
<div class="thumb"><div class="marker"><span>Boutique recommendation</span></div></div>
2, css style Code and demonstration effect
This is hidden content, please review the hidden content after comments, thank you!