Skip to main content

Posts

Showing posts with the label web developing

Featured

Play Emoji - Development Series #3

HTML <!DOCTYPE html> <html lang="en"> <head>     <link rel="stylesheet" href="playemoji.css">     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title> </head> <body>     <div class="face">         <div class="eyes">             <div class="eye"></div>             <div class="eye"></div>         </div>     </div>     <script>         document.querySelector('body').addEventListener('mousemove', eyeball);         function eyeball()         {             var eye = document.querySelectorAll('.eye');      ...

Creative Menu - Development Series #2

HTML <!doctype html> <html>  <head>   <title>Creative Menu</title>   <link rel="stylesheet" type="text/css" href="#">  </head>  <body>   <ul>    <li><a href="#" data-text="Home">Home</li>     <li><a href="#" data-text="About">About</li>     <li><a href="#" data-text="Team">Teame</li>     <li><a href="#" data-text="Contact U s">Contact Us</li>     <li><a href="#" data-text="Portfolio">Portfolio</li>   <ul>  </body> </html> CSS @important url(' https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap '); * {  margin: 0;  padding: 0;   font-family: 'Poppins', sans-serif; } body {  display: flex; ...