BK Tutorial

Search This Blog

Featured Post

Data Science Concepts

July 31, 2021 ai artificial intellegence data science

0

Get link
Facebook
X
Pinterest
Email
Other Apps

Create a Smiley Face in JAVA APPLET By #BKTutorial

November 16, 2020

Get link
Facebook
X
Pinterest
Email
Other Apps

applet bk tutorial graphics java smiley smiley face

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

How To Shake an Image In CSS, HTML By #BKTutorial

Source Code: 1) Index.html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css" type="text/css"> <title>How To Shake an Image By BK Tutorial</title> </head> <body> <h2> Shake an Image By BK Tutorial </h2> <center> <img src="BKTutorial.jpg" alt="BK Tutorial"> </center> </body> </html> 2) Style.css h2{ color:#fff; font-family:Calibri; font-size:30px; font-weight:600; letter-spacing:2px; text-align:center; text-shadow:3px 0px 8px #000; } img{ width:250px; height:250px; } img:hover { animation: shakeit 1s infinite linear; } @keyframes shakeit { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-2px, -3px) rotate(-1deg); } 20% { transform: translate(-4px, 0px) rotate(1deg); } 30% { transform: translate(4px, 1px) rot...