Gunnar Bittersmann: scrollender Balken

Beitrag lesen

SELF-Forum

scrollender Balken

Gunnar Bittersmann Homepage des Autors
– 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'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
Beitrag melden
–
Informationen zu den Bewertungsregeln