MinneA[] Posted December 27, 2016 Report Posted December 27, 2016 Salut caut de foarte mult timp un cod ceva (html/css...."ceva") , ca atunci cand trec cu mouse-ul peste logo sau o imagine sa aibe o animatie/efect..adica sa se miste...un ex bun il au cei de la og-times. Am deschis de curand o comunitate de gaming si vreau sa am forumul si indexul cat mai "atractive" Multumesc!!
+Mixlight Posted December 27, 2016 Report Posted December 27, 2016 ipb_styles.css la: #logo { Adauga: -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; transition: all 4s ease-in; position: relative; Si dupa la ( daca nu exista, creeaza-l ): #logo:hover { Adauga: -webkit-transform: rotate(1800deg); -moz-transform: rotate(1800deg); position: absolute; margin-bottom: -10px !important; margin-top: 0px; margin-left: 5px !important; opacity: 0.0; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; transition: all 4s ease-in;
MinneA[] Posted December 27, 2016 Author Report Posted December 27, 2016 4 hours ago, FizZle#Haarp said: ipb_styles.css la: #logo { Adauga: -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; transition: all 4s ease-in; position: relative; Si dupa la ( daca nu exista, creeaza-l ): #logo:hover { Adauga: -webkit-transform: rotate(1800deg); -moz-transform: rotate(1800deg); position: absolute; margin-bottom: -10px !important; margin-top: 0px; margin-left: 5px !important; opacity: 0.0; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; transition: all 4s ease-in; Am pus cum ai zis tu am #logo: si #logo a:hover..am pus codul, am dat save cand treceam cu mouse.ul peste el.. se invartea dar mi.a schimbat locatia logo.ului si al meniului(am crezut ca e de la #logo a:hover) cand am creat #Logohover:..am pus codul si mai rau...se schimba si logo si meniul din centru in stanga. http://forum.wild-star.ro/ Uite cum am pus: #logo { text-align: center; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; transition: all 4s ease-in; position: relative;} #logo a:hover{ opacity: 0.8; -webkit-transform: rotate(1800deg); -moz-transform: rotate(1800deg); position: absolute; margin-bottom: -10px !important; margin-top: 0px; margin-left: 5px !important; opacity: 0.0; -webkit-transition: all 4s ease-in; -moz-transition: all 4s ease-in 0s; -o-transition: all 4s ease-in; -ms-transition: all 4s ease-in; transition: all 4s ease-in;} }
DeNyS. Posted December 27, 2016 Report Posted December 27, 2016 Ca să adaugi animațiile alea pe imagini știi HTML și CSS? Pe lângă asta, in link-ul următor găsești cum să faci animații pe poze, elemente ect : http://www.w3schools.com/css/css3_animations.asp
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now