Skip to main content

Posts

Crate Blur Effect Card in CSS And Improve Your CSS Next Level

Crate Blur Effect Card in CSS And Improve Your CSS Next Level (HTML) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <!DOCTYPE html> <html lang= "en" > <head> <link rel= "stylesheet" href= "style.css" > <meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <title> Css blur card </title> </head> <div class= "card" > <div id= "circle" ></div> <h2> Circle </h2> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam modi fugit voluptatum temporibus, amet molestiae necessitatibus tenetur, </p> <div class= "content" > <a href= "#" > More </a> </div> </div> <div class= "card" > <div

Create an iPhone 5s with Pure CSS And Improve Your CSS Next Level

Hello, Friends Create an iPhone with Pure CSS And Improve Your CSS Next Level (HTML) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 <link rel= "stylesheet" href= "style.css" > <div class= "phone-body" > <div class= "phone-inner" > <div class= "camera" > <div class= "lens" > <div class= "aperture" ></div> </div> </div> <div class= "speaker" > <div class= "hole" > <div class= "shadow-overlay" ></div> <div class= "line" ></div> <div class= "line" ></div> <div class= "line" ></div> <div class= "line"