Efect transition+transform dupa hover

#1
colombo2003

Posted 08 February 2016 - 17:40

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Am o poza panoramica. Si la hover ea de deplaseaza spre stanga (ca un fel de tur virtual).

Cand iau mouseul de pe aceasta poza, ea revine in partea stanga, la inceput, dar trecerea este brusca.
As vrea ca revenirea sa fie si ea tot in aceeasi tranzitie lina (nu brusca).

Cum as putea realiza acest lucru? Multumesc.

<head>
<style type="text/css">
	smartdemo3 {
	width: 75%;
	overflow: hidden;
 }

 #smartdemo3 img:hover {
	transform: translate3d(-200px, 0px, 0px);
	transition:  transform 5s linear;
 }
</style>
</head>

<body>
 <div id="smartdemo3">
  <img src="../images/Panint1.jpg" />	 
 </div>
</body>

Back to top

#2
cristirg

Posted 08 February 2016 - 17:58

Senior Member

Grup: Senior Members
Posts: 7,711
Înscris: 16.11.2012

adaugi si codul asta:

#smartdemo3 img {
transition:4s all ease-in-out;
}

Edited by cristirg, 08 February 2016 - 18:01.

Back to top

#3
colombo2003

Posted 08 February 2016 - 22:51

Senior Member

Grup: Senior Members
Posts: 6,312
Înscris: 16.07.2008

Functioneaza! Multumesc.
Posted Image

PS. Se poate inchide!

Back to top

Anunturi

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

Efect transition+transform dupa hover

#1 colombo2003 Posted 08 February 2016 - 17:40

#2 cristirg Posted 08 February 2016 - 17:58

#3 colombo2003 Posted 08 February 2016 - 22:51

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
colombo2003

Posted 08 February 2016 - 17:40

#2
cristirg

Posted 08 February 2016 - 17:58

#3
colombo2003

Posted 08 February 2016 - 22:51