Pure CSS Course by a Famed best Pure CSS courses in Delhi & Pure CSS Training Courses Institute in Delhi


css3-animation

Teacher

SANJAY JAIN

Category

CSS ANIMATE WORK

Pure CSS HTML Animated Dropdown Menu



















  • home
    • home
      • home
      • home
      • home
      • home
    • home
    • home
    • home
      • home
      • home
      • home
      • home
  • home
  • home
  • home

Coding of this example

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
@keyframes myanimation{ 0%{height:0;overflow:hidden; } 99.99%{height:200px;overflow:hidden; } 100% {height:200px;overflow:visible; } } ul{width:800px; height:50px; padding:0; margin:0; } li{width:200px; height:50px; float:left; list-style-type:none;line-height:50px; background-color:red; text-align:center; color:white; } li:hover {background-color:yellow; color:red; } ul li ul{height:0px; overflow:hidden; width:200px; } ul li ul li{ position:relative; } ul li ul li ul{position:absolute; left:200px; top:0; } ul li:hover ul{height:200px; animation:myanimation 2s; overflow:visible; } ul li:hover ul li ul{display:none; } ul li ul li:hover ul{display:block; } </style>
</head>
<body>
<ul>
<li>home
<ul>
<li>home1
<ul>
<li>homea</li>
<li>homeb</li>
<li>homec</li>
<li>homed</li>
</ul>
</li>
<li>home2</li>
<li>home3</li>
<li>home4
<ul>
<li>homee</li>
<li>homef</li>
<li>homeg</li>
<li>homeh</li>
</ul>
</li>
</ul>
</li>
<li>About</li>
<li>Contact</li>
<li>Services</li>
</ul>
</body>
</html>

after-effect-courses-in-delhi

After Effect Course


Course Period : 1 Months

Training Type : Classroom(Offline) | Online | Home Tuitions


To Know About Course Please Call Me: 9212189563, 9212001563


Get in Touch

Feel free to talk to our representative at any time you please using our Contact Form on our website.

Visit Us

263, First Floor Pocket H-17, Sector 7, Rohini Near Rohini West Metro Station Opposite Metro Pillar No. 425 Delhi-110085

Visit Us

25, First Floor Pocket F-2, Sector 16, Rohini Delhi-110089

Call Us

9212189563


Call Us

9212001563

Fill the Contact Form

Graphics design

whatsapp