Problems with animation/transformation in CSS (Noob needs help)
I have some problems with the animation of the Dropdown menu. I just started with html and css and need some help with it. Could please somebody post some solutions how to animate the dropdown (to slide in, or become slowly visible, maybe with keyframes). I tried some time myself but didnt find a way how to do it.
Thanks for spending you time on this it really helps me out
This is the html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
I don't have time at the moment to dig through all of your code, but one thing that I see is that the 'transition' settings are only using the -webkit browser prefix. That means only Webkit browsers (Chrome, Safari, etc.) will see the effect. So if you're using MSIE, Firefox, or Opera to view the page, that would explain the issue. In any case, you'll eventually want to add the -moz, -o, -ms, and plain 'transition' settings to your code.
It would be awesome if you could spare a littl bit of time. And maybe show an example for an sliding or "slowly becoming visible dropdown box" which is working with this code.
I haven't any knowledge with animation
Im using just -webkit- cause im using chrome the other browsers gonna be added. Its one of my first trys for a website