Funkcje Prawidłowy układ HTML5 Czysty CSS3 bez JavaScript Łatwy w użyciu i dostosuj 2 różne style (jasne i ciemne) W pełni responsywny i pasuje do dowolnej szerokości 4 pozycji napisów (górny, prawy, dolny, lewy) Działa we wszystkich przeglądarkach CSS3 i urządzeniach mobilnych
4.6/ 10
99
Więcej zaawansowanych efektów zawisu dzięki 10 nowym efektom zawisu przy użyciu klatek kluczowych CSS3. Bardzo łatwy w użyciu, zmieniany i gotowy do pracy. W kodzie nie ma JavaScript ani JQuery, tylko CSS3 i HTML. Uwaga: działają one we wszystkich zaktualizowanych przeglądarkach i mogą zagwarantować, że będą działały dla IE8 i IE7. A jeśli mógłbyś pomóc w ocenie moich produktów, byłoby świetnie
4.6/ 5
76
Efekty najechania CSS3 z możliwością zmiany koloru Jego funkcje są wymienione poniżej. Pełna responsywność. Łatwy w użyciu. Bez Javascript. Kompatybilny ze wszystkimi głównymi przeglądarkami. Łatwa zmiana koloru Łatwa zmiana rozmiaru ramki Łatwa zmiana z okręgu na kwadrat Łatwa zmiana odstępu między blokiem tekstu Łatwa zmiana szerokości bloku Niemal w pełni konfigurowalny CSS. 479 ikon siatkówki Łatwe w użyciu ikony społecznościowe 20 efektów Zobacz wideo Aktualizacje i Dziennik zmian v1.3 (2015-02-10) # łatwy blok szerokości zmiany # łatwa zmiana odstępu między blokiem tekstu v1.2 (2014-12-11) # możliwość zmień rozmiar ramki # możliwość łatwej zmiany z koła na kwadrat v1.1 (10.11.2014) # dodano 479 ikon siatkówki v1.0 (06.11.2014) # pierwsze wydanie
4.6/ 15
516
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
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
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
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
Mały zbiór 5 animowanych podpisów graficznych zawierających tylko CSS. Ten zestaw rzeczy pozwoli Ci zaoszczędzić dużo czasu podczas tworzenia stron internetowych! Są naprawdę łatwe w użyciu i mają bardzo ładne interfejsy. Cieszyć się! Zalety: - Łatwy w instalacji na dowolnej stronie. - Obsługuje wszystkie wersje przeglądarek. - Łatwo dostosuj się. t Rysunek 2:
4.5/ 8
102
Efekty Czysty CSS Bez JavaScript lub jQuery Łatwy w użyciu i dostosuj Powiększ / Pomniejsz Obróć Obrót w prawo / w lewo Obróć / Skaluj Obróć X / Obróć Y / Obróć Z Obraz Nieprzezroczystość Warstwa Przenoszenie przejścia Obsługa reagujących filmów Przeglądarki Firefox Chrome Safari Opera IE10 + Dziennik zmian 23.06.14 - v1.0 - Wsparcie reagujące filmy wideo Jeśli Ci się spodoba, nie zapomnij go ocenić
4.5/ 4
94
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
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
Preloadery Pure CSS3 dla płynniejszej animacji Dlaczego warto korzystać z preloadera CSS3? Ponieważ preloadery GIF są często niepewne podczas podnoszenia ciężkich elementów, a CSS3 wygląda i działa fantastycznie na iOS! Co obejmuje Źródło pobierania zawiera 3 niestandardowe moduły wstępnego ładowania czystego CSS3. Minimalne znaczniki i łatwa implementacja sprawiają, że te programy do wstępnego ładowania są przydatne w prawie każdym projekcie. Kolory i rozmiar można łatwo zmienić. Ponieważ są one wbudowane w czysty CSS3, preloadery są domyślnie gotowe do obsługi siatkówki. Każdy moduł wstępnego ładowania zawiera kreację zastępczą GIF dla IE. Opcje JavaScript Preloadery są dostarczane z kilkoma czystymi opcjami JavaScript (nie wymaga jQuery). Załaduj wstępnie całą stronę internetową (patrz wideo powyżej) za pomocą pełnoekranowego modułu wstępnego ładowania typu lightbox. Metoda API, która pozwala fa
4.45/ 11
118
Część 2 efektów najechania CSS3. Ten wykorzystuje nowe przejścia i różne kodowanie. 12 różnych przykładów z różnymi efektami i przejściami. Wszystkie kształty są CSS3, a nie obrazami. Również pierwsza animacja w wersji demonstracyjnej wideo nie będzie działać z Google Chrome ani Operą. Ale pozostałe 11 działa idealnie ze wszystkimi zaktualizowanymi przeglądarkami. Działa to tylko ze zaktualizowanymi przeglądarkami, IE8 i IE7 nie są potrzebne.
4.43/ 7
79
Ś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
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
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
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
Bootstrap Plugin Bootstrap Icons Animator to rozwiązanie zakodowane w celu ożywienia ikon Twojej witryny. Brak alternatywnego rozwiązania, jeśli znalazłeś, daj mi znać. Funkcje wtyczki 18 efektów najechania 5 trybów wyświetlania Kompatybilny z bootstrap 2 Działa ze wszystkimi ikonami Bootstrap na Twitterze (glifikony) Obsługa głównych przeglądarek Łatwa instalacja - dołącz plik CSS do rozwiązania opartego na CSS, nie wymaga JavaScript Intuicyjna integracja Działa ze wszystkimi elementami bootstrap nawigacji (nie tylko przyciski) Darmowe aktualizacje Co zawiera plik CSS z 77 regułami CSS3 (15 KB) Dokumentacja HTML Wtyczka Podgląd na żywo Zobacz wtyczkę w akcji
4.25/ 12
139
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
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