A Pen by suzuki

Thumbnail
This awesome code was written by JunkiSuzuki, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright JunkiSuzuki ©
  • HTML
  • CSS
  • JavaScript
    <div class="item_wrapper">
<div class="item_image onair">
  <img src="https://placehold.jp/150x150.png">
</div>
<div class="item_image ">
  <img src="https://placehold.jp/150x150.png">
</div>
  <div class="item_image ">
  <img src="https://placehold.jp/150x150.png">
</div>
  <div class="item_image ">
  <img src="https://placehold.jp/150x150.png">
</div>
</div>

/*Downloaded from https://www.codeseek.co/JunkiSuzuki/a-pen-by-suzuki-ZKZQVW */
    .item_wrapper {
  display: flex;
  widht: 100%;
  maxwidth: 1200px;
  height: 500px;
}
.onair:before {
    content: 'オンエア中';
    position: absolute;
    margin: 8px 0 0 8px;

    color: #FFFFFF;
    font-size: 12px;
    border-radius: 2px;
    background: #ED5D5F;
    opacity: 0.8;
    text-align: center;
    
}


/*Downloaded from https://www.codeseek.co/JunkiSuzuki/a-pen-by-suzuki-ZKZQVW */
    

Comments