Web Programming/ Interactive media

Search This Blog

FINALS~~~

on May 12, 2021

Get link
Facebook
X
Pinterest
Email
Other Apps

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Exercise 10 animated web page

<!DOCTYPE html> <html> <head> <style> div { background-color: red; animation-name: example; animation-duration: 15s; animation-iteration-count: infinite; } @keyframes example { from {background-color: violetn;} to {background-color: yellow;} 10% {background-color: violet;} 25% {background-color: blue;} 35% {background-color: yellow;} 40% {background-color: green;} 45% {background-color: grey;} .p1{ font-size:10px; color: red ; animation-name: p1; animation-duration: 4s; } fieldset { background: #9e4333; } body {background-color: #00A4E4;} } iframe:focus { outline: none; } iframe[seamless] { display: block; } .navbar { overflow: hidden; background-color: #121211; } .navbar a { flo...

Exercise 7 Select box price list

Exercise 7 Select box price list <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Exercise 007: JavaScript Selected Value</title> <link rel="stylesheet" href="Exercise007 Style code.css"> </head> <body> <h1 class="font1"> Products & Price Select box</h1> <div id="container"> <form> <fieldset> <label for="name"> • Add Products: </label> <input type="text" id="name" placeholder="Enter Product" autocomplete="off"> <br> <br> <label for="price"> • Add Price: </label> <input type="number" id="price" placeholder="Enter Price" autocomplete="off"> <br> <br> <button class="btn" id="btnAdd" size=10> <b> Ad...

Exercise 9 Jframe and Drop Down Menu

Exercise 9 Jframe and Drop Down Menu <!DOCTYPE html> <html> <head> <style> fieldset { background: #9e4333; } body {background-color: #00A4E4;} } iframe:focus { outline: none; } iframe[seamless] { display: block; } .navbar { overflow: hidden; background-color: #121211; } .navbar a { float: left; font-size: 16px; color: #9e4333; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color:#9e4333; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { back...

Powered by Blogger

FINALS~~~

Comments

Post a Comment