| | |
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Autor | Správa |
---|
Registrovaný: 17.03.13 Prihlásený: 09.04.18 Príspevky: 112 Témy: 39 | Napísal 17mark: 02.04.2013 19:16 | |
|
Zdravim Mam problem s "postupnym" prechodom pozadia a textu na odkaze: Kód: .more a{ font-family: 'Racing Sans One'; color: gray; padding: 5px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size: 14px; background: rgb(210,255,82); /* Old browsers */ background: -moz-linear-gradient(top, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */ transition:all 2s; -moz-transition:all 2s; /* Firefox 4 */ -webkit-transition:all 2s; /* Safari and Chrome */ -o-transition:all 2s; /* Opera */ } .more a:hover, .more a:active{ color: black; background: rgb(135,224,253); /* Old browsers */ background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */ } ..problem je,ze sa mi prejavuje ta pomala premena iba na farbe pisma, background sa prepne normalne rchlo ako keby tam to transition ani nebolo. Dakujem
|
|
Registrovaný: 06.05.13 Prihlásený: 26.01.22 Príspevky: 41 Témy: 0 Bydlisko: Bratislava | |
Registrovaný: 17.03.13 Prihlásený: 09.04.18 Príspevky: 112 Témy: 39 | Napísal autor témy 17mark: 12.05.2013 19:15 | |
|
Ďakujem veľmi pekne. Pomohlo mi to
|
|
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Webkit transition , nefunguje v HTML, XHTML, XML, CSS | 3 | 343 | 24.02.2014 23:14 hatto13 | | CSS3 v HTML, XHTML, XML, CSS | 6 | 503 | 21.04.2012 11:25 krkman | | CSS3 v HTML, XHTML, XML, CSS | 4 | 626 | 28.03.2009 20:45 dedko45 | | Submenu css3 v HTML, XHTML, XML, CSS | 1 | 256 | 29.05.2015 19:41 hatto13 | | pure css3 menu v HTML, XHTML, XML, CSS | 2 | 286 | 05.01.2014 21:15 chodnik | | CSS3 dropdown menu v HTML, XHTML, XML, CSS | 3 | 366 | 27.11.2012 22:04 DeiForm | | CSS3 Anmácia - hover v HTML, XHTML, XML, CSS | 4 | 487 | 09.01.2011 13:07 Ando | | CSS3 font-smooth v HTML, XHTML, XML, CSS | 6 | 640 | 29.07.2010 19:14 DARSON | | Centrovanie do stredu v HTML5, CSS3 v HTML, XHTML, XML, CSS | 4 | 1170 | 13.05.2010 11:29 Ďuri |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|