Designing a Working Table Fan using HTML and CSS Last Updated : 22 Jul, 2024 Summarize Comments Improve Suggest changes Share Like Article Like Report In this article, we will design a Working Table-fan using HTML and CSS.List of HTML tags used:Polyline: The <polyline> element is used to create the HTML <svg> element which is a container for SVG graphics any shape that consists of only straight linesdiv: The <div> tag defines a division or a section in an HTML document.svg: The HTML <svg> element is a container for SVG graphicscircle: The HTML <circle> element is used to create circlestyle: The HTML <style> element is used to provide internal CSS.Example: Here is the implementation of the above method. HTML <!DOCTYPE html> <html> <head> <style> .blade_container { width: 180px; height: 180px; margin: auto; margin-top: 50px; animation: blade 1s linear infinite; } @keyframes blade { 0% { transform: rotate(360deg); } } .rode { width: 15px; height: 150px; background-color: black; margin: auto; margin-top: 0px; } .main_container { background-color: #308D46; border-radius: 50%; height: 180px; width: 180px; margin: auto; } </style> </head> <body> <center> <h3 style="color:green">Its Geek Time</h3> <div class="main_container"> <div class="blade_container"> <svg width="100%" height="100%"> <polyline style="stroke-linejoin:miter; stroke:white; stroke-width:12; fill:white;" points= "90 90, 0 90, 90 90, 90 0,90 90,180 90, 90 90,90 180,90 90, 27 27,90 90, 153 27,90 90, 27 153, 90 90, 153 153" /> </svg> </div> </div> <img src= "https://media.geeksforgeeks.org/wp-content/uploads/20210921173505/bg.png" style="z-index:-1;"> </center> </body> </html> Output: Comment More infoAdvertise with us Next Article Periodic Table Design using HTML and CSS A akshitsaxenaa09 Follow Improve Article Tags : Web Technologies Blogathon Web Templates Blogathon-2021 CSS-Questions +1 More Similar Reads Design an Event Webpage using HTML and CSS Creating an event webpage is an exciting way to showcase information about an event, including its schedule, speakers, and contact details. What We’re Going to CreateWe’ll create a webpage for a fictional event called "GeeksforGeeks TechCon 2025." This webpage will includeA header introducing the ev 5 min read Periodic Table Design using HTML and CSS This article will show you how to create a Periodic Table design using HTML, and CSS. The Periodic Table is a tabular arrangement of chemical elements, where they are organized by their atomic number, electron configuration, and recurring chemical properties. It provides a systematic way to understa 10 min read Design a calendar using HTML and CSS In this article, we will create a calendar using HTML and CSS. HTML is used to build the basic structure of a web page, while CSS adds design and layout styles to make it visually appealing. Nearly 90% of websites rely on the combination of HTML and CSS for creating structured and styled content. Th 5 min read Design a Pricing Table in Tailwind CSS A pricing table in Tailwind CSS is a visually appealing way to display different subscription plans or pricing tiers for a product or service. It typically includes the name of each plan, a brief description, the monthly or yearly cost, a list of features, and a call-to-action button. Tailwind CSS p 3 min read Design a table using table tag and its attributes In this article, we will create a table using HTML. To create this table, we must know the tags required to create the table. At first, we will create the structure of the table and we will use attributes to design the table. Approach: To create the table we have to use the <table> tag and we 1 min read Design a Webpage for online food delivery system using HTML and CSS Creating your own online food delivery website is a great way to present a user-friendly platform for customers to browse and order food online. In this project, we’ll design a simple yet effective food delivery website using HTML and CSS.What We’re Going to Create...We’ll develop a straightforward 7 min read Like