Categories: Uncategorized

Create Bookmark Logo Using CSS | CSS Shapes

Learn to make Bookmark logo using css only this article contains code and video tutorial

CSS Code

body{
 margin:0;
}




 .container{
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100vh;
} 

.label{
 width: 0;
 height: 0;
 border-top: 60px solid blue;
 border-right: 30px solid blue;
 border-bottom: 30px solid transparent;
 border-left: 30px solid blue;
}

HTML Code

<div class="container">
 <div class="label"></div>
</div>
reecry

Recent Posts

Fly DJI Avata 2 Backward Using the Motion Controller

How to Fly DJI Avata 2 Backward Using the Motion Controller! 🎮 https://youtu.be/UOZU47AxPwk In this…

5 months ago

Insta360 – Videos keep exporting backwards | Wrong side render in insta360

https://youtu.be/0RRUOIvmuWA I realized that I had my camera set up incorrectly, so when I upload…

1 year ago

Make Animated progress step bar using Figma

https://youtu.be/C3oFfV20K_c Make Animated progress step bar using Figma

2 years ago

How to Hide All Grids in Figma

https://youtu.be/o3pSH_oRzko How to Hide All Grids in Figma

2 years ago

How to Create Responsive Tool tip in figma

https://youtu.be/hdSUylKSsho How to Create Responsive Tool tip in Figma

2 years ago