Diskuze: CSS - svíticí tlačítko
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
![Avatar](images/img/person.png)
Tvůrce
![Avatar](images/img/person.png)
Zobrazeno 19 zpráv z 19.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Ahoj,
jak to myslíš aby svítilo?
Jestli myslíš něco takového:
http://www.zurb.com/…tive-buttons
Tak to je přes shadow (stín)
Zde si to jednoduše nasymuluješ a vygeneruješ si kód:
http://www.css3generator.com/
Ano, myslel jsme něco takového. A u tohoto
http://css3generator.com/
mi to píše že nemám oprávnění pro vstup ???;(
Nějaká fičura, ale když zmáčkneš F5 (reload) tak to jde
Refreshni tu stránku, pak to jde. Nevím co to má znamenat.
V titulku mám chybu 403 a v obsahu mi to hlásí chybu 404 tak nevim no.
Taky sem si myslel, že to je tím, změnil sem proto odkaz v příspěvku, ale nebylo. Prostě to při odkazování vždycky vyhodí chybu a při reloadu to jede. Nechápu.
Ahoj, poprvé jsem se asi špatně vyjádřil .
Mám tam za těma jednotlivýma rubrikama
background-color a chci aby ta barva jakoby svítila. To se dělá taky přes
shadow??
Nic jako efekt svítivosti v CSS není, ale používá se shadow když použiješ světlou barvu tak to vypadá hezky - jako by to svítilo prostě.
Nevím co konkrétně myslíš. Mrkni se třeba sem http://www.css3.info/ nebo do googlu zadej css3 a prostuduj si co všechno můžeš použít.
Čau, tak stín už mám, ale nikde se mi nedaří najít jak ho udělat úplně ze všech stran.
Ahoj,
šak na tom odkazu co jsem ti posílal máš i ukázaný jak to mají
udělaný:
http://www.zurb.com/…tive-buttons
Mrkni tam vpravo.
Vím, ale mají tam animaci, ale zkusím to nějak předělat
Vlastnost box-shadow má parametry: posun X, posun Y, rozostření, rozšíření a barva, takže pokud nastavíš posun X a Y na nulu, budeš mít stín okolo celého tlačítka. Pokud nenastavíš jeden z těch parametrů, bude automaticky nastaven na nulu. To samé platí pro vlastnost text-shadow. Pak stačí jen vybrat vhodné barvy.
box-shadow: 0 0 15px #fff;
První 0 je posun X, druhá posun Y, 15px je rozostření a #fff je barva. Krom toho můžeš nastavit stíny i dovnitř a to tak, že uvedeš parametr inset.
Zobrazeno 19 zpráv z 19.