How To Create a Fan Using Only HTML and CSS?


Add <div class="fan"></div> inside the body section.



Add an image inside the div. <img src="fan.png" alt="fan"> Download Image(Click Here)
<!DOCTYPE html>
        <html lang="en">
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="stylesheet" href="style.css" />
         <div class="fan">
         <img src="fan.png" alt="fan">

STEP 2: 

Add this CSS Code.

        width: 400px;
        height: 400px;
         position: relative;
         border: 2px solid black;
         animation: spin 0.5s infinite linear;
        border-radius: 50%;
        padding: 50px;


         width: 400px;
         height: 400px;

        @keyframes spin {
         transform: rotateZ(360deg);

Trending Posts

8 Characteristics Of Modern Computer

Difference Between Intel i3, i5, i7 and i9 Processor | Which One is Better To Buy?

How To Create a Fake Facebook Login Clone Using Only HTML and CSS?

Why Do All Celebrities Use iPhones?

10 Tips for Writing Clean and Maintainable Code in Web Development

Starting Secure: Essential Data Protection Tips for New Entrepreneurs

Supercharge Your Business: Digital Innovation Tactics

Why Should You Use DuckDuckGo Search Engine?

Is Learning To Code Boring?

How To Create A Magic 8 Ball Using HTML, CSS, and JavaScript?