Lineone - Mask Element

Banking cards

$2,139.22

**** **** **** 8945

$2,139.22

**** **** **** 8945

$2,139.22

**** **** **** 8945

Stock Market

BTC

Bitcoin

60.33$

+3.3%

SOL

Solana

20.56$

+4.11%

Mask

Elements
Mask

Squircle Mask

Code

Mask crops the content of the element to common shapes. The mask can crop the shape of squircle. Check out code for detail of usage.

                
  <div class="avatar size-36">
    <img
      class="mask is-squircle"
      src="images/avatar/avatar-12.jpg"
      alt="avatar"
    />
  </div>

Reuleaux Triangle Mask

Code

Mask crops the content of the element to common shapes. The mask can crop the shape of reuleaux triangle. Check out code for detail of usage.

                
  <div class="avatar size-36">
    <img
      class="mask is-reuleaux-triangle"
      src="images/avatar/avatar-12.jpg"
      alt="avatar"
    />
  </div>

Diamond Mask

Code

Mask crops the content of the element to common shapes. The mask can crop the shape of diamond. Check out code for detail of usage.

                
  <div class="avatar size-36">
    <img
      class="mask is-diamond"
      src="images/avatar/avatar-12.jpg"
      alt="avatar"
    />
  </div>

Hexagon Mask

Code

Mask crops the content of the element to common shapes. The mask can crop the shape of hexagon. Check out code for detail of usage.

                
  <div class="avatar size-36">
    <img
      class="mask is-hexagon"
      src="images/avatar/avatar-12.jpg"
      alt="avatar"
    />
  </div>
  <div class="avatar size-36">
    <img
      class="mask is-hexagon-2"
      src="images/avatar/avatar-12.jpg"
      alt="avatar"
    />
  </div>

Octagon Mask

Code

Mask crops the content of the element to common shapes. The mask can crop the shape of octagon. Check out code for detail of usage.

                
  <div class="avatar size-36">
    <img
      class="mask is-octagon"
      src="images/avatar/avatar-12.jpg"
      alt="avatar"
    />
  </div>

Star Mask

Code

Mask crops the content of the element to common shapes. The mask can crop the shape of star. Check out code for detail of usage.

                
  <div class="avatar size-36">
    <img class="mask is-star" src="images/avatar/avatar-12.jpg" alt="avatar" />
  </div>
  <div class="avatar size-36">
    <img
      class="mask is-star-2"
      src="images/avatar/avatar-12.jpg"
      alt="avatar"
    />
  </div>

Heart Mask

Code

Mask crops the content of the element to common shapes. The mask can crop the shape of heart. Check out code for detail of usage.

                
  <div class="avatar size-36">
    <img class="mask is-heart" src="images/avatar/avatar-12.jpg" alt="avatar" />
  </div>

Profile

Messages

Team

Activity

Settings

Notifications

Banking cards

Pinned Apps

Stock Market

BTC

SOL

Latest News

Settings

Mask

Squircle Mask

Reuleaux Triangle Mask

Diamond Mask

Hexagon Mask

Octagon Mask

Star Mask

Heart Mask