blinking in a hover effect in css

<html> <head> <style type=’text/css’> a.tooltip { outline: none; color: yellow; -webkit-animation: blink .75s linear infinite; -moz-animation: blink .75s linear infinite; -ms-animation: blink .75s linear infinite; -o-animation: blink .75s linear infinite; animation: blink .75s linear infinite; } @-webkit-keyframes blink { 0% {opacity: 1;} 50%{opacity:1;} 100%{opacity:0;} } @-moz-keyframes blink { 0% {opacity: 1;} 50%{opacity:1;} 100%{opacity:0;} } @keyframes

3D Cube Animation in html and css

<!DOCTYPE html> <html> <head> <title>3D cube animation</title> <style type=”text/css”> .rotating-box { width: 400px; height: 400px; margin: 10px auto; perspective: 800px; } .single-rb { width: 400px; animation: rotate 15s linear infinite; transform-style: preserve-3d; margin-top: 120px; } .single-rb img { height: 400px; width: 400px; } .single-rb div { position: absolute; width: 400px; height: 400px; } .front-side {