Archiwa tagu: CSS

[CSS] Jak ustawić style dla tekstu zastępczego (placeholder) w polu input ?

Wraz z pojawieniem się standardu HTML5 otrzymaliśmy możliwość wykorzystania atrybutu placeholder, który ustawia tekst zastępczy elementu input, gdy ten jest pusty. Standard CSS3 określa pseudo element „::input-placeholder” którym powinniśmy się posługiwać przy definiowaniu styli dla tekstu zastępczego. Niestety jak wiemy świat nie jest idealny i przeglądarki w większości wykorzystują prefiksy. Tak więc konieczne jest zapisanie… Czytaj dalej »

[Skrypty] Przyciski z paskiem postępu

Dla większości przycisków animacje ograniczają się do efektu wciśnięcia przycisku. Jednak wraz z coraz większymi możliwościami CSS-ów oraz coraz szerszego stosowania skryptów JavaScript mamy do dyspozycji coraz bardziej zaawansowane animacje. Poniższy zestaw przycisków pokazuje jak efektownie pokazać pasek postępu po kliknięciu na przycisk.

[CSS] Jak wykonać prosty efekt powiększenia ?

Dzięki dynamicznemu rozwojowi szablonów stylów CSS, które to z wersji na wersję dają nam coraz to większe możliwości, jesteśmy w stanie zastąpić część efektów pisanych do tej pory w Java Script. Mam nadzieję że poniższy przykład zachęci część z was do bliższego zapoznania z możliwościami CSS-ów.