Skocz do zawartości



Płynne podświetlenie


8 odpowiedzi w tym temacie

#1 Marek N.

    Początkujący

  • Użytkownicy
  • PipPip
  • 14 postów

Napisano 19 November 2011 - 12:58

Witam, na kilku stronach no i nawet w IPB widziałem coś takiego jak płynne podświetlenie elementów. Mam pytanie czy można to zrobić w samym css? Jeśli tak, prosiłbym o kod.

#2 Krzysztof Baraniak

    Zakorzeniony

  • Administracja
  • PipPipPipPipPip
  • 151 postów
  • Miasto:Leszno

Napisano 19 November 2011 - 13:00

Oczywiście że się da. Niedługo wszystkie przeglądarki będą to obsługiwać.

Oto dwa zamienniki, zwykle stosuję oba:

-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;

Tam gdzie masz .2s wpisz ilość sekund.

Dołączona grafika


#3 CRX

    Aktywny

  • Użytkownicy
  • PipPipPip
  • 31 postów

Napisano 19 November 2011 - 19:28

Również mi się to przyda, dzięki Krzysiek.

#4 Ryba123pl

    Aktywny

  • Użytkownicy
  • PipPipPip
  • 40 postów

Napisano 29 November 2011 - 19:05

Szukałem tego kiedyś :D Thx :P

#5 Marek N.

    Początkujący

  • Użytkownicy
  • PipPip
  • 14 postów

Napisano 03 December 2011 - 00:43

Dziękuję wam bardzo. :) Macie wszyscy po plusie.

#6 ownede

    Początkujący

  • Użytkownicy
  • PipPip
  • 14 postów

Napisano 06 December 2011 - 01:14

Wyświetl postUżytkownik Krzysztof Baraniak dnia 19 November 2011 - 13:00 napisał

Oczywiście że się da. Niedługo wszystkie przeglądarki będą to obsługiwać.

Oto dwa zamienniki, zwykle stosuję oba:

-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;

Tam gdzie masz .2s wpisz ilość sekund.

Podałeś dla WebKita (Safari, Chrome, ...) i Mozilli, wypadałoby jeszcze użyć:
transition: all .2s ease-in-out; /* uniwersalne, CSS3 */
o-transition: : all .2s ease-in-out; /* Opera */


#7 Krzysztof Baraniak

    Zakorzeniony

  • Administracja
  • PipPipPipPipPip
  • 151 postów
  • Miasto:Leszno

Napisano 06 December 2011 - 10:17

Fakt, dopiero zacząłem się uczyć tak naprawdę synchronizacji stron między przeglądarkami. :P

Dołączona grafika


#8 CRX

    Aktywny

  • Użytkownicy
  • PipPipPip
  • 31 postów

Napisano 15 January 2012 - 19:08

Byłbym wdzięczny, jeśli ktoś by udostępnił szczegółową "instalację" tego dodatku.

#9 Maciek

    Aktywny

  • Użytkownicy
  • PipPipPip
  • 31 postów
  • Miasto:Szczytno

Napisano 16 January 2012 - 20:00

Po prostu w css w danej class'ie dodajesz ten kod, który podany był wcześniej ;)
Dołączona grafika





Użytkownicy przeglądający ten temat: 1

0 użytkowników, 1 gości, 0 anonimowych