Hallo zusammen,
ich mache heute zum ersten Mal was größeres mit CSS3 und bin schon auf ein Problem gestoßen. Ich möchte erstmal zum Test eine Box von oben nach unten bewegen. Leider funktioniert das bei mir weder im Firefox, noch im IE 10.
Wo ist der Fehler?
Danke.
ich mache heute zum ersten Mal was größeres mit CSS3 und bin schon auf ein Problem gestoßen. Ich möchte erstmal zum Test eine Box von oben nach unten bewegen. Leider funktioniert das bei mir weder im Firefox, noch im IE 10.
Wo ist der Fehler?
HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<style>
#box {
border: 1px solid #999;
width: 350px;
height: 100px;
background: #ccc;
text-align: center;
border-radius:25px;
box-shadow: 10px 10px 5px #888888;
animation:mytest 5s;
}
@keyframes mytest
{
from {top:0px;}
to {top:500px;}
}
</style>
</head>
<body>
<div id="box">Test</div>
</body>
</html>
Danke.