-
Notification
-
Dmitriy Groshev
Hi, i am josephin. How are you...
17:123 -
Sufiya Elija
I need job, Please help me.
Fri -
Janis Evans
Good Morning!
8:2212 -
Mukrani Pabelo
Hi, i am josephin. How are you...
03:1410 -
Josephin Water
You’ve got some kind of a stom...
Thu -
Janis Evans
Good Morning!
8:2212 -
Sufiya Elija
I need job, Please help me.
Fri
-
-
-
-
Cart Items (25)
-
Flower Pot
$25.00
-
Iphone Max pro
$35.20
-
Royal Party Glass
$45.10
-
Water Proof Watch
$12.30
-
Traveling Duffle Bag
$32.10
Proceed to CheckoutAdd Total
$250.00 -
-
-
-
English -
French -
Spanich -
Arabic
-
-
Helen Walter
Admin
Mask
Square
You can use square mask adding mask & mask-square class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-square">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Diamond
You can use diamond mask using mask & mask-diamond class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-diamond">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Circle
To set circle mask, you can use mask & mask-circle class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-circle">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Hexagon
You can use hexagon mask using mask & mask-hexagon class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-hexagon">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Heptagon
You can set heptagon mask using mask & mask-heptagon class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-heptagon">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Octagon
You can add octagon mask using mask & mask-octagon class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-octagon">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Triangle
To set triangle mask, you can use mask-triangle-1, mask-triangle-2, mask-triangle-3 & mask-triangle-4 class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-triangle-4">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-triangle-2">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-triangle-1">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-triangle-3">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Pentagon
You can use pentagon mask adding mask-pentagon-1, mask-pentagon-2, mask-pentagon-3 & mask-pentagon-4 class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-pentagon-3">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-pentagon-1">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-pentagon-2">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-pentagon-4">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Parallelogram
To set parallelogram mask, you can add mask-parallelogram-1 & mask-parallelogram-2 class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-parallelogram-1">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-parallelogram-2">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>
Trapezoid
You can use trapezoid mask using mask-trapezoid-1 & mask-trapezoid-2 class.
<div class="flex flex-wrap gap-2 justify-center">
<div class="mask mask-trapezoid-1">
<img src="../../image.jpg" alt="avatar"/>
</div>
<div class="mask mask-trapezoid-2">
<img src="../../image.jpg" alt="avatar"/>
</div>
</div>