x
<html><head><style> #myDIV { width: 300px; height: 200px; border: 1px solid black; animation: mymove 5s infinite;}@keyframes mymove { 50% {border-bottom: 15px solid lightblue;}}</style></head><body><h1>Animation of border-bottom</h1><p>Gradually change the border-bottom property:<p><div id="myDIV"></div><p>The border-bottom is a shorthand property for all border-bottom properties.</p><p>See individual border-bottom properties to see which is <em>animatable</em>.</p><p><b>Note:</b> CSS Animations do not work in Internet Explorer 9 and earlier versions.</p></body><!-- Mirrored from www.w3schools.com/cssref/tryit.php?filename=trycss_anim_border-bottom by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 16:50:29 GMT --></html>