Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 3 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39
Príspevok NapísalOffline : 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


Offline

Užívateľ
Užívateľ
CSS3 - transition

Registrovaný: 06.05.13
Prihlásený: 26.01.22
Príspevky: 41
Témy: 0
Bydlisko: Bratislava
Príspevok NapísalOffline : 07.05.2013 22:38

Zdravím, skúste pozrieť sem: http://leaverou.github.io/animatable/
Verím, že svoju odpoveď už nájdete a vyberiete si efekt, ktorý Vám vyhovuje.







_________________
S pozdravom

IT Academy
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.03.13
Prihlásený: 09.04.18
Príspevky: 112
Témy: 39
Príspevok Napísal autor témyOffline : 12.05.2013 19:15

Ďakujem veľmi pekne. Pomohlo mi to


Odpovedať na tému [ Príspevkov: 3 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Webkit transition , nefunguje

v HTML, XHTML, XML, CSS

3

343

24.02.2014 23:14

hatto13 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CSS3

v HTML, XHTML, XML, CSS

6

503

21.04.2012 11:25

krkman Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CSS3

v HTML, XHTML, XML, CSS

4

626

28.03.2009 20:45

dedko45 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Submenu css3

v HTML, XHTML, XML, CSS

1

256

29.05.2015 19:41

hatto13 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. pure css3 menu

v HTML, XHTML, XML, CSS

2

286

05.01.2014 21:15

chodnik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CSS3 dropdown menu

v HTML, XHTML, XML, CSS

3

366

27.11.2012 22:04

DeiForm Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CSS3 Anmácia - hover

v HTML, XHTML, XML, CSS

4

487

09.01.2011 13:07

Ando Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CSS3 font-smooth

v HTML, XHTML, XML, CSS

6

640

29.07.2010 19:14

DARSON Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Centrovanie do stredu v HTML5, CSS3

v HTML, XHTML, XML, CSS

4

1170

13.05.2010 11:29

Ďuri Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra