+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS3] Problem z transition ? (/thread-css3-problem-z-transition)
[CSS3] Problem z transition ? - cryptarithm - 02-08-2012
Kiedy mam dwa transitions na jednego DIV'a to tylko jeden dziala.. w moim przypadku dziala tylko height, a opacity nie dziala... Jestem prawie 100% pewien ze mozna miec dwa rozne transitions w jednym div'ie. POMOCY!
o to kod:
Kod:
#header #user_panel {
width: 300px;
height: 35px;
transition: height .50s ease-in-out;
-moz-transition: height .50s ease-in-out;
-webkit-transition: height .50s ease-in-out;
background: black;
opacity: 0.1;
transition: opacity .50s ease-in-out;
-moz-transition: opacity .50s ease-in-out;
-webkit-transition: opacity .50s ease-in-out;
float: right;
margin-right: 25px;
}Kod:
#header #user_panel:hover {
width: 300px;
height: 100px;
transition: height .50s ease-in-out;
-moz-transition: height .50s ease-in-out;
-webkit-transition: height .50s ease-in-out;
background: black;
opacity: 0.5;
transition: opacity .50s ease-in-out;
-moz-transition: opacity .50s ease-in-out;
-webkit-transition: opacity .50s ease-in-out;
float: right;
margin-right: 25px;
}RE: [CSS3] Problem z transition ? - Kartofelek - 02-08-2012
Po co na forum czekać na odpowiedź, skoro pierwszy link w google odpowiada na twoje pytanie?
http://www.css3.info/preview/css3-transitions/
The Syntax:
transition: <transition> [, <transition>]*
<transition> = <transition-property> <transition-duration> <transition-timing-function> <transition-delay>
As with the individual transition-* properties, the transition shorthand property can be used to define multiple transitions, using a comma separated list.
RE: [CSS3] Problem z transition ? - cryptarithm - 03-08-2012
Zadzialalo dzieki
PS.
Szukalem w google, naprawde. Zwykle webmastertalk to ostatnie miejsce gdzie wchodze o pomoc .