kariert: scrollender Balken

Beitrag lesen

SELF-Forum

scrollender Balken

kariert
– Informationen zu den Bewertungsregeln

@@kariert:

nuqneH

habe es mit mozilla und chrome probiert...bei den selfhtml beispielen regte sich bei mir allerdings nichts

Oh, die Eigenschaften benötigen (noch) die Vendor-Präfixe.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<title>test page</title>
<style>
[code lang=css].container
{
background: silver;
height: 180px;
position: relative;
overflow: hidden;
width: 320px;
}

.title, .description
{
background: red;
color: white;
height: 30px;
opacity: 0.5;
}

.title
{
margin-top: 150px;
-moz-transition-property: margin-top;
-moz-transition-duration: 0.5s;
-ms-transition-property: margin-top;
-ms-transition-duration: 0.5s;
-o-transition-property: margin-top;
-o-transition-duration: 0.5s;
-webkit-transition-property: margin-top;
-webkit-transition-duration: 0.5s;
transition-property: margin-top;
transition-duration: 0.5s;
}

.container:hover .title
{
margin-top: 120px;
}


> 		</style>  
> 	</head>  
> 	<body>  
> 		<div class="container">  
> 			<div class="title">Lorem ipsum</div>  
> 			<div class="description">Lorem ipsum dolor sit amet.</div>  
> 		</div>  
> 	</body>  
> </html>[/code]  
>   
> Qapla'  
  
OMG !!!!  
  
VIELEN DANK !!!!
Beitrag melden
–
Informationen zu den Bewertungsregeln