Test: Difference between revisions

From Open Source Ecology
Jump to navigation Jump to search
(Replaced content with "<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3...")
No edit summary
Line 4: Line 4:
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body>
<body>


<div class="w3-container">
<div class="w3-container">
   <h2>Badges</h2>
   <h1>Spinning Elements</h1>
   <p>The w3-badge class creates a circular badge. Badges are black by default.</p>
   <p>Use the w3-spin class to spin an element 360 degrees:</p>
   <p>Updates <span class="w3-badge">9</span></p>
   <p><i class="fa fa-spinner w3-spin" style="font-size:64px"></i></p>
</div>
</div>


</body>
</body>
</html>
</html>

Revision as of 05:30, 24 July 2020

<!DOCTYPE html> W3.CSS

Spinning Elements

Use the w3-spin class to spin an element 360 degrees: