| banjalukaforum.com https://banjalukaforum.com/ |
|
| CSS3 webkit problem sa uvecavanjem https://banjalukaforum.com/viewtopic.php?f=18&t=63980 |
Stranica 1 od 1 |
| Autoru: | Bahamut [ 05 Dec 2013, 16:09 ] |
| Tema posta: | CSS3 webkit problem sa uvecavanjem |
Imam sledeci problem: Kada animiram sliku na fazon iskakanja, sa normalne velicine na uvecanu 1.5 puta i ponovo vracanje na originalnu, dolazi mi do gubitka na kvalitetu, tacnije, slika postaje mutna na uvecanju za 1.5x. Slika je inace velicine 640x480px, medjutim u browseru je smanjena na 50x38px i povecanjem za 1.5x dobijam 75x57px, sto i dalje ni blizu originalne velicine a ipak je mutna. Zna li neko moze li se rjesiti ovaj problem, da se ne gubi kvalitet slike, ili bar neki blur da dodam na uvecanju, kako bi to licilo na nesto, iako mi je plan uvecati slike (ikonice) za 1s da se cistije vidi natpis na njima? Kod: -webkit-transform: scale(1.0); -webkit-animation-name: pop; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay: 5s; @-webkit-keyframes pop { 0% { -webkit-transform: scale(1.0); } 50% { -webkit-transform: scale(1.5); } 100% { -webkit-transform: scale(1.0); } } |
|
| Autoru: | Bahamut [ 05 Dec 2013, 16:50 ] |
| Tema posta: | Re: CSS3 webkit problem sa uvecavanjem |
Zaboravih da dodam da je samo -webkit- u pitanju, isproban na Chrome-u samo, Safari nemam instaliran pa ne znam kako je tamo, inace, obicna transformacija na Firefoxu radi odlicno i na 6x uvecanju. |
|
| Autoru: | MuskoBre [ 05 Dec 2013, 18:28 ] |
| Tema posta: | Re: CSS3 webkit problem sa uvecavanjem |
Probaj obrnutim redoslijedom, image nek ti bude u startu velicine koja ti treba pri konacnoj animaciji, dakle prije animacije stavis scale 0.5 (normalno prikazivanje), a pri animaciji scale 1.0. |
|
| Stranica 1 od 1 | Sva vremena su u UTC [ DST ] |
| Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |
|