Śledź mnie i miej oko na odtwarzacz HTML5 w tym stylu już wkrótce! Owijka wstążki - coś więcej niż efekt unoszenia Po najechaniu wskaźnikiem na element wstążka wysuwa się z tyłu i owija. Wstążki CSS w końcu się poruszają. Narzędzie CSS3 oferuje nieograniczone możliwości. Jest bardzo łatwy do wdrożenia i ma wiele gotowych kolorów i stylów (ale dostosowywanie jest proste!). Pamiętaj, aby wyświetlić podgląd wideo, aby w pełni zrozumieć, jak fajna jest ta rzecz! Do czego mogę tego użyć? Tytuły i opisy obrazów Wstążka może być używana jako piękny efekt najechania kursorem na opisy zdjęć, kredyty fotograficzne, tytuły ilustracji lub cokolwiek innego, co możesz wymyślić! Wymieszaj z zawartością Opakowanie wstążki można traktować jak element wbudowany
4.41/ 17
201
Nakładka CSS3 Efekty najechania Kreatywny projekt Czysty kod CSS3 Łatwy do edycji plik CSS3 Demo.css Łatwy do edycji Nieograniczone opcje kolorów Opcje kolorów i motywów Nieograniczone opcje kolorów Nieograniczone opcje stylu czcionki Łatwo edytowalne
4/ 7
63
Ten pakiet CSS3 Hover zawiera ponad 20 przykładów efektów Hover. Kilka pojedynczych efektów i więcej kombinacji w celu zwiększenia kreatywności. Wszystkie efekty symulują flashowanie i JavaScript w czystym CSS3. Każdy efekt na każdym pliku css i HTML. Funkcje: 20+ efektów aktywowania Animacja CSS3 CSS3 Przekształć CSS3 Podpisy Rozmycie, cienie, obramowania, powiększenie, obrót, odcień, zanikanie, odwracanie, slajdy Udokumentowane i skomentowane Pełne wsparcie dla nowoczesnych i najnowszych przeglądarek oraz częściowe / pełne wsparcie dla starszych przeglądarek Podgląd wideo: http://www.youtube.com/watch?v=NJUCk5PyzdY
4.57/ 7
88
Pristine Slider Pristine Slider to wyjątkowy produkt, pierwszy w swoim rodzaju. Jest to w pełni interaktywny suwak napisany w całości za pomocą CSS, bez JavaScript. Dzięki temu jest niesamowicie lekki i zgrabny, działa na wszystkich współczesnych przeglądarkach. A dla naszego ukochanego Internet Explorera dostępna jest awaria JS, więc nie martw się. Suwak jest dostarczany z kompilatorem PHP, który pozwala dostosować wszystko związane z zachowaniem i interfejsem oraz generuje wszystkie potrzebne pliki. A jeśli chodzi o wygląd - możesz go łatwo stylizować za pomocą CSS. Suwak z wbudowanymi czterema efektami, możesz zobaczyć wszystko w akcji w podglądzie na żywo: Ken Burns Slide Fade 2D Transforms
4.19/ 16
244
Nowoczesne podpowiedzi z ogromną kolekcją przesuwania i zanikania Przeczytaj FAQ Zręczny i nowoczesny design Prosta implementacja <a class="tooltips"> link <span class = "animated [efekt] [kolor] [strzałka]"> Twój tekst Toolbox </ span> </a> 29 Efekty Flash Bounce Shake Tada Swing Wobble Pulse Flip 3D FlipInX 3D FlipInY 3D FadeIn FadeInUp FadeInDown FadeInLeft FadeInRight FadeInUpBig FadeInDownBig FadeInLeftBig FadeInRightBig Bounce In BounceInDown nie działa poprawnie w starszych przeglądarkach. To jedyna wada współczesnych animacji CSS3. Dlaczego ty
4.83/ 23
134
Po sukcesie moich efektów CSS3 Image Hover, ten nowy zestaw bardziej zaawansowanych 14 efektów zawiera pełen zakres niesamowitych rzeczy, które mogą zaprezentować Twoją pracę w nowoczesny i inny sposób. Każdy efekt jest dostarczany z wariantami i osobnym plikiem HTML, a plik dokumentacji pomoże Ci zintegrować je z witryną. Zawarte efekty Powiększenia obrazu Odwrócenia obrazu Efekty blaknięcia i przesuwania Nakładki zawartości Panele z ikonami Bardziej zaawansowane cienie Niestandardowe kształty Odbicia obrazu Etykiety obrazów Hover Lightbox (powiększanie zdjęć) Efekt lśnienia Efekty 3D Kompatybilne przeglądarki Proszę zobaczyć ostatni zrzut ekranu ze szczegółową tabelą pokazującą kompatybilność każdego z nich efekt. Ze względu na charakter tego elementu różne przeglądarki dostępne m
4.47/ 36
279
22 różne efekty najechania kursorem za pomocą CSS3. Te efekty nadadzą Twoim obrazom i miniaturom unikalny i nowoczesny efekt. Integracja efektów jest prosta i prosta. Każdy efekt ma opcję lightbox, w której znajduje się cały kod potrzebny do integracji. Modyfikowanie efektów i integracja dwóch lub więcej efektów razem jest prosta.
4.36/ 22
118
CSS3 jest niesamowity. Ten element zawiera stylizację portfolio CSS3 z 15 typami animacji. Bez javascript, bez obrazków. Kod źródłowy jest dobrze skomentowany i bardzo łatwy do edycji i zrozumienia. Główne cechy: Poprawne typy animacji HTML5 i CSS3 15 12 kolorów tła Bonus: 16 przycisków CSS3 Dobrze skomentowany kod źródłowy Dokumentacja
4.62/ 34
281
Zimowa animacja Animowany zimowy krajobraz nocny wykonany za pomocą CSS i HTML. Animowane chmury, płatki śniegu i gwiazdy. Zaimplementowane jako pojedyncza strona HTML. Możesz użyć tej animacji jako: 1. Karty z pozdrowieniami dla użytkowników. 2. Strona 404 (wystarczy zmienić tekst w znaczniku h1). 3. Prace techniczne na stronie witryny (wystarczy zmienić tekst w tagu h1). 4. Strona docelowa. Stronę najlepiej oglądać w najnowszych wersjach Chrome, Firefox i Safari. Opera i IE degradują się z wdziękiem.
0/ 1
15
Ten CSS3 Image Lightbox jest prostą i skuteczną alternatywą dla rozwiązań opartych na javascript. Działa po kliknięciu myszą i został przetestowany we wszystkich głównych przeglądarkach. Należy pamiętać, że niektóre funkcje CSS3, takie jak zaokrąglone rogi lub animacje, nie są renderowane w starych przeglądarkach (zwłaszcza IE), ale funkcjonalność pozostaje. Internet Explorer potrzebuje ie7-js do poprawnego działania. Główne cechy 2 Schematy kolorów Wykorzystuje funkcje CSS3 Szybka integracja z projektem Działa na kliknięciu myszą Lekki znacznik Obsługa wielu przeglądarek Łatwa zmiana koloru Prawidłowe znaczniki HTML / CSS Pomoc Dokumentacja Kompatybilne przeglądarki Internet Explorer 7, 8, 9 i 10 (wersja zapoznawcza) Firefox 2 do 7 Safari 4 i 5 Chrome 4 do 15 Opera 10, 11 i 11,50 Zdjęcia kredytowe P
4.28/ 29
343
Zapoznaj się z podglądem wideo HD tutaj Pakiet wstążek CSS3 zawiera dużą kolekcję stylów wstążek, które są regularnie używane na stronach internetowych. Dostajesz owijające wstążki, wiszące wstążki i wstążki z wstążkami. Wszystkie style wstążek występują w 4 wariantach kolorystycznych, a w sumie otrzymasz 116 stylów wstążek! Najważniejsze cechy: 12 stylów owijania wstążek 6 stylów wiszących wstążek 11 stylów wstążek banerowych 4 warianty kolorystyczne Czysty CSS3, bez obrazków Taśmy mają bardzo prosty znacznik HTML, a wszystkie różne style wstążek można uzyskać, dodając tylko kilka nazw klas. UWAGA: Te wstążki działają najlepiej w nowoczesnych przeglądarkach obsługujących CSS3, w tym Firefox 4.0+, Chrome 10.0+, Safari 4.0+, Opera 11.10+ i IE9 +. CSS3 SROKA i javascript ma
4.47/ 79
813
Ten element jest przeznaczony głównie do pokazania niektórych z potężnych wkładów CSS3. Wykorzystuje kilka nowych dodatków CSS3, takich jak przejścia, transformacje, krycie, cienie… Funkcje Pure CSS3 W pełni i łatwo konfigurowalne Podpowiedzi mogą zawierać to, co chcesz (HTML, obrazy…) Uwzględniono trzy motywy (ciemny, jasny, niebieski) Bardzo łatwy w użyciu ( proszę spojrzeć na sekcję „Jak z niego korzystać”, aby zobaczyć, jak to jest proste) Ten sam rendering w nieobsługiwanych przeglądarkach (tylko animacja nie jest wyświetlana; Spójrz na wideo, aby zobaczyć wynik w IE8) Jak go używać <href = ”#”> Link </a> <span> Treść podpowiedzi w HTML </span> W tym elemencie używamy elementu „a” powiązanego z elementem „span”, ale możesz użyć dowolnego z elementów HTML (to jest
4.59/ 29
196
Najnowsza wersja: Pierwsze wydanie CSS3 Image Lightbox to zbiór niestandardowych arkuszy stylów używanych do wyświetlania dużych obrazów za pomocą modalnych okien dialogowych. Podgląd wideo Kliknij tutaj, aby zobaczyć podgląd wideo Funkcje Czysty CSS + HTML dla wszystkich współczesnych przeglądarek, Pełna obsługa przeglądarek IE 7-8 za pomocą prostej wtyczki jQuery, Zapobiegaj ładowaniu dużych obrazów przed ich wyświetleniem (wtyczka jQuery), uwzględniona Klasa PHP tworzy wymagany HTML Struktura znaczników, kolekcja 6 przycisków skórki (Next, Previous, Close), dołączona dokumentacja. Ten element jest obsługiwany Wsparcie jest przeprowadzane za pośrednictwem naszego Forum wsparcia. Jesteśmy w GMT +1 i staramy się odpowiadać na wszystkie pytania w ciągu 24 godzin w dni powszednie. W niektórych przypadkach czas oczekiwania można wydłużyć do 48 godzin. Prośby o wsparcie wysłane dur
2.89/ 9
117
Ten zestaw 17 efektów efektów obrazu wykorzystuje jedne z najlepszych i najnowszych funkcji CSS3, aby zaprezentować Twoje zdjęcia w wyjątkowy sposób. Każdy efekt jest dostarczany z wariantami i osobnym plikiem HTML, a plik dokumentacji pomoże Ci zintegrować je z witryną. Dołączone efekty Obracanie obrazu Nakładki zanikające Przesuwne nakładki Nakładki dzielone (efekt otwierania) Łączenie nakładek (efekt zamykania) Narożne wstążki Panele boczne Elastyczne obrazy Obrazy Odwraca obraz Lewitacja na cieniu Efekt Lomo Obrazy Obrazy Stosy Zaokrąglone obrazy Przesuwne obrazy Perspektywy Obrazy Kompatybilne przeglądarki Zobacz ostatni zrzut ekranu dla szczegółowa tabela pokazująca kompatybilność każdego efektu. Ze względu na charakter tego elementu różne dostępne przeglądarki mogą
4.57/ 111
916
Ta kolekcja CSS3 Hover Effects jest prostym i skutecznym rozwiązaniem, aby dodać kilka fajnych funkcji do swojej witryny za pomocą funkcji CSS3. Jest wykonany tylko z CSS / XHTML, absolutnie NIE ma javascript. Ten przedmiot zawiera 21 niestandardowych efektów, które można łatwo łączyć i modyfikować. Znaczniki CSS są komentowane, a otrzymasz także plik dokumentacji, który pomoże Ci rozpocząć pracę z tymi efektami aktywowania. Funkcje 21 Efekty najechania Krawędzie, efekty powiększenia i nakładki Przesuwne obrazy Niesamowite przejścia CSS3 Testowane we wszystkich głównych przeglądarkach Dokumentacja pomocy Kompatybilne przeglądarki Efekty przejścia działają we wszystkich następujących przeglądarkach: Firefox 4 (Beta) Chrome 4, 5, 6 i 7 Safari 4 i 5 Inne przetestowane przeglądarki (bez przejść CSS3)
4.53/ 121
786
Zwykła właściwość box-shadow CSS3 jest dość restrykcyjna w typie cieni, które można wytworzyć. Więc ilekroć musimy włączyć jakieś fantazyjne cienie do naszych projektów, na pomoc przychodzi Photoshop! Ale teraz dzięki temu pakietowi CSS3 Shadow Pack możesz pożegnać się z Photoshopem. Jak głosi tytuł, te cienie są wykonywane w całości przy użyciu CSS i nie użyto żadnych obrazów. Proces nakładania cienia na kontener jest tak łatwy, jak zastosowanie kilku nazw klas do tego kontenera. W tym pakiecie otrzymasz 11 popularnych i atrakcyjnych stylów cieni. Również każdy styl cienia ma 3 długości projekcji cienia i 3 warianty intensywności cienia, co daje w sumie 99 wariantów! Dziennik zmian Wersja 2.0.2 (19 sierpnia 2012) • Zaktualizowano css do mak
4.39/ 143
982
Wspaniałe, subtelne i przydatne przejścia / animacje CSS3 typu flip, fade i glow. Jeśli musisz powiększyć powierzchnię swojej witryny bez powiększania lub rozszerzania strony, musisz efektywniej wykorzystać przestrzeń. Chcesz zaoferować swoim reklamodawcom wyjątkową okazję (podwoić normalną powierzchnię 125 × 125 bez zwiększania ich wpływu na Twoją witrynę)? Chcesz, aby jedno zdjęcie zmieniało się w inne po najechaniu kursorem? (bez konieczności dołączania biblioteki javascript) Idealne dla sklepów internetowych - najedź kursorem na obrazek, aby wyświetlić inny obraz - albo go odwracając, albo zanikając. Wszelkie treści, w tym filmy, mapy, obrazy itp. Mogą być odwrócone (lub wyblakłe). Zawiera kilka dodatkowych trików CSS3, w tym przyciągnięcie uwagi
4.12/ 33
207
