Nie tak dawno temu, aby osiągnąć takie efekty, skorzystaliśmy z JS. Ale teraz CSS3 ma również wszystkie niezbędne narzędzia do tworzenia wyskakujących okien. Formularze pojedynczego logowania / logowania Okna wyskakujące Bez Javascript, tylko HTML i CSS Bardzo łatwy w kostiumach. Bardzo łatwa do zintegrowania i używania Nowoczesna obsługa przeglądarki Przyciski społecznościowe Odzyskiwanie hasła Błąd Obsługa stanu (wymaga plików javascript) Dokumentacja pomocy index.html style.css pagestyle.css dokumentacja pomocy. Tło z podglądu jest pobierane z subtlepatternów Jeśli chcesz, nie zapomnij go ocenić! ChangeLog 19/02/2013 - Wersja 1.1 Dodano odzyskiwanie hasła Aktualizacja przeglądu wideo i zrzutów ekranu 18/02/2013 - Wersja 1.0 Pierwsze wydanie
4.19/ 16
208
Niesamowite przyciski CSS3 Funkcje Przyciski CSS3 Kompatybilny ze wszystkimi nowoczesnymi przeglądarkami Szczegółowy przewodnik w zestawie PSD 2 Bottom Pack - Premium i Basic
3.79/ 34
208
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
„Tabele cen internetowych” to przejrzysta, prosta i elastyczna tabela cenowa. Został zaprojektowany jako minimalistyczny i elegancki, z uproszczonym kodem. Zawiera responsywny efekt czystego CSS 8 stylów Łatwy w użyciu Łatwy w dostosowaniu Dokumentowany
4.9/ 10
206
ColorfulPricing to płaski i kolorowy stół cenowy. Jest to odpowiednie dla wszystkich nowoczesnych witryn internetowych. Możesz pobrać wersję PSD tutaj Ikona czcionki Entypo (za pośrednictwem usługi Fontello) Otwórz animacje Sans Raleway dla siatek miniatur
4.67/ 9
203
Ta pełnoekranowa galeria CSS3 pomoże Ci tworzyć proste pokazy slajdów, które nie używają żadnego JavaScript. Czysty i skomentowany kod jest łatwy do modyfikacji i zawiera plik dokumentacji. Główne funkcje Galeria pełnoekranowa Obrazy wypełniają całą przeglądarkę Przyklejony nagłówek i stopka Działa na myszy Kliknij 2 sposoby nawigacji Lekki znacznik Elastyczny układ Obsługa wielu przeglądarek (nowoczesne przeglądarki) Bez Javascript, tylko HTML i CSS Łatwa do modyfikacji Prawidłowa HTML / CSS Znaczniki Pomoc Dokumentacja Kompatybilne przeglądarki Internet Explorer 9+ Firefox 4+ Chrome 4+ Safari 4+ Opera 10+ Zdjęcia kredytowe Należy pamiętać, że zdjęcia podglądu nie są zawarte w pakiecie. Otrzymasz symbole zastępcze gotowe do zastąpienia przez swoje zdjęcia. Zdjęcia
4.89/ 9
202
Jest to również dostępne w pakiecie SolidMenu + i Web Elements „Odmiany wzorów zakładek w jednym niesamowitym pakiecie” Ten produkt jest również zawarty w SolidTabs + | Ultra-responsywne zakładki BootStrap! (Wersje BootStrap i Non-BootStrap) * To tylko wersja Non-BootStrap Nie tylko tabulatory, ale wiele skrótów! Zgrabne projekty i wiele więcej! To jest karta bez ładowania początkowego Co otrzymujesz z tego produktu? Masz już dość starych wzorów kart? Spraw, aby Twoja strona internetowa była całkowicie dopracowana w stylu zakładki dzięki tym charakterystycznym i przyciągającym wzrok wzorom zakładek. Co więcej, zawiera również wiele (mam na myśli dużo!) Przydatnych elementów internetowych w niewiarygodnie niskiej cenie. . Zapraszam do zasugerowania jakiejś tab de
4.86/ 14
201
Ś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
Płaskie stoły cenowe Płaskie stoły cenowe dostępne w 6 kolorach i 3 układach. Czysty, responsywny design, który ładnie wygląda na urządzeniach mobilnych. Wersję PSD można znaleźć tutaj Funkcje Responsive design 3 układy 6 kolorów Prawidłowy HTML + CSS Animacje CSS Dołączona dokumentacja Czcionki Oswald Open Sans
4.69/ 16
201
Ten motyw to układ Fliud (100% szerokości) i zapewnia zaokrąglony narożnik i zaokrągloną kartę. Efekt zaokrąglonego rogu działa w IE 7, 8, Firefox, Safari, Opera i Chrome (IE 6 straci zaokrąglony narożnik). Posiada 4 kolory stylu (srebrny, czerwony, zielony, niebieski) Funkcje obejmują: Zaokrąglony narożnik Układ płynu, szerokość / wysokość (do pełnego wymiaru obrazu) Przezroczystość alfa PNG - narożniki, obramowania, zakładki Ukryj / Pokaż efekt „Zakładki treści ”Przez jQuery Zawarte 4 style kolorów Czysty kod HTML i CSS Bardzo łatwa do zintegrowania z dołączonym plikiem PSD witryny
3.84/ 19
200
To jest czyste menu HTML5 / CSS3. Menu ma strukturę HTML5 i działa na wszystkich głównych przeglądarkach. Menu można łatwo edytować i zintegrować z dowolną stroną internetową. Na urządzeniach mobilnych i tabletach widoczne jest tylko podmenu pierwszego poziomu. Menu działa (główna struktura jest w 100% taka sama) w Internet Explorerze 9, 8, 7… i wiele starych przeglądarek, ale animacja i niektóre inne funkcje CSS3 nie działają. YouTube - podgląd wideo Ważne: To nie jest wtyczka WordPress. Zawiera HTML5 / CSS3 5 Efekty animowane 5 Motywy Czcionka Google Wyczyść i skomentowany kod Łatwy w użyciu i instalacji Dziennik zmian Wersja 1.5 (17 października 2013) - Drobne zmiany i ulepszenia Wersja 1.4 (8 czerwca 2013) - Ulepszony kod - Ulepszony responsywny projekt - Drobne zmiany wizualne
4.55/ 20
198
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
Formicon to kolekcja płaskich formularzy zbudowana na Bootstrap 3.0. Zawiera różne formularze, a wszystkie formularze mają różne arkusze stylów. Pliki HTML i CSS są sprawdzane i dobrze komentowane. Zapewnia jako podstawowy interfejs użytkownika do projektowania wszystkich formularzy. Oto, co zawiera ten pakiet: 2 Formularz logowania Formularz rejestracji Formularz kontaktowy Formularz kontaktowy Formularz Siatka System Gwiazdka - w skrótach Skróty - zawiera przycisk przełączania, powiadomienia, podpowiedzi i wiele więcej Formularz wyszukiwania - w skrótach Formularz subskrypcji - w skrótach 3 różne próbki kolorów Dokumentacja QuickStart Wsparcie dla ponad 150 ikon Kredyty: Darmowy zestaw ikon entypo - generowany przez fontastic Source Sans font by font web google
0/ 2
195
Funkcje: 96 Pure CSS Ceny / tabele hostingowe Skala efektu CSS ToolTips CrossBrowser Wsparcie (FF3 +, Chrome, Opera, Safari, IE7 +) Poprawny kod wg w3c Zastosowanie CSS2 / CSS3 Brak zdjęć! Bez JavaScript! Łatwe do dostosowania elastyczne układy (2, 3, 4, 5 kolumn) 24 wariacje kolorów
4.63/ 16
192
wersja 1.0.0 2 poziome i 2 pionowe tabele cenowe. Różne style. W pełni adaptacyjny. Działa idealnie na wszystkich urządzeniach mobilnych, tabletach i komputerach stacjonarnych. Możesz je łatwo edytować, zmieniać i dostosowywać dla siebie. Funkcje HTML5 CSS3 Dołączone są nowoczesne i czyste materiały PSD Darmowe czcionki: Montserrat (github) W pełni responsywne (od 320px do 2560px) Oddzielne pliki css dla strony demonstracyjnej i tabel cen. Nie musisz ładować niepotrzebnych stylów! Dołączone pliki źródłowe: html css jade scss
4/ 5
192
CSS Responsywne tabele cenowe mega paczka. CSS Responsywne tabele cenowe mega paczka. Składa się z 30 różnych unikalnych stylów dla elastycznych tabel cenowych. Ładowane z czcionkami Google. Oparty na frameworku bootstrap. Kompatybilny ze wszystkimi głównymi przeglądarkami. Nadaje się do każdego urządzenia mobilnego. Produkt został wyróżniony w CodeCanyon Features: 30 różnych unikalnych stylów Responsive grid. Idealny do komputera stacjonarnego lub dowolnego urządzenia mobilnego Czysty i minimalistyczny wygląd Obsługiwane wszystkie główne przeglądarki Oparty na najnowszej technologii Czcionki internetowe Google Czysty i dobrze komentowany kod Czcionki Szablon wykorzystuje system czcionek Google API. Oznacza to, że nie musisz zarządzać własnymi plikami czcionek, wszystkie czcionki zostaną odczytane z serwera Google. Po prostu zapoznaj się z tagiem <head>
4.14/ 22
190
Okrągłe menu Pure CSS3 to czyste, konfigurowalne rozwiązanie do tworzenia różnych menu i nawigacji. Menu opiera się wyłącznie na CSS / HTML i zawiera wiele opcji dostosowywania, nieograniczoną liczbę kombinacji kolorów i wiele więcej. Jeśli podobało Ci się okrągłe menu, nie zapomnij go ocenić! Zawiera 16 pięknych efektów animacji bez javascript. Nieograniczona liczba kombinacji kolorów. Podpowiedzi z 6 dostępnymi pozycjami. 4 różne kształty przycisków. 249 pięknych skalowalnych ikon. 12 predefiniowanych kolorów. 9 opcji pozycji. 34 przykłady. Zoptymalizowany dla urządzeń mobilnych. Testowany we wszystkich nowoczesnych przeglądarkach. Niezwykle czysty i bardzo łatwy w użyciu. Kompatybilność Mac: Safari, Chrome, Opera, Firefox Win: Safari,
4.53/ 17
189
Responsywne menu rozwijane oparte na HTML5 i CSS3. Podgląd wideo Funkcje: Pierwszy responsywny układ mobilny: w pełni responsywny na wielu urządzeniach; Czysty CSS; Wygląd i działanie w różnych przeglądarkach; Obsługa ekranu dotykowego; Prawidłowy kod HTML5 i CSS3; Zapewniono dwa schematy kolorów; Przewodnik instalacji; Czysty i dobrze skomentowany kod HTML i CSS. Obsługiwane są wszystkie główne przeglądarki i rozdzielczości ekranu. Kompatybilne przeglądarki: IE7 +, Firefox 3.6+, Safari, Opera, Chrome. Obsługiwane rozdzielczości ekranu: od 320 × 240 do 1920 × 1080. Testowane w: IE 7-9, Firefox 3.6, Firefox 15, Safari 5, Opera 11-12, Chrome 24; PC Win7, Blackberry 6.0, Android 4, iPhone Simulator. Skontaktuj się ze mną, jeśli masz jakieś pytania lub sugestie
3.71/ 7
187
Układ responsywny Jest to układ responsywny realizowany przez HTML5 i CSS3. Może być stosowany na stronach internetowych lub panelach administracyjnych. Jest to wysoce kompatybilne do wyświetlania na urządzeniach inteligentnych. Ten układ jest oparty na szerokościach procentowych, można bardzo łatwo ustawić układ stały lub układ płynny. Funkcje: responsywny układ Układ 12 kolumn Offseting do przenoszenia kolumn - wersja 1.5 (zaktualizowano w lipcu 2013 r.) Obrazy o zmiennym rozmiarze Próbka w 2 kolumnach Próbka w 3 kolumnach Próbka w 4 kolumnach Próbka w 6 kolumnach Przykładowa strona portfolio Płynna próbka strony Próbka stałej strony Podręcznik użytkownika Kompatybilne przeglądarki: IE7- 11 Firefox Chrome Opera Safari Przetestowano w rozdzielczościach (320 × 480) - (1928 × 1012) Jeśli masz dodatkowe pytania dotyczące tego układu, wyślij mi wiadomość e-mail. Byłbym szczęśliwy
4.65/ 17
186
CSS3 Responsive Forms Pack to prosta i profesjonalna platforma Form Framework, która zapewnia równowagę między prostotą a elegancją. CSSS3 Responsive Forms to prosty, czysty i nowoczesny pakiet form opracowany przy użyciu bootstrap. Funkcje Elastyczny i responsywny Czysty spójny formularz Interfejs użytkownika Czysty HTML5 + CSS3 (bez obrazów, bez zależności od ikon) Cross-Browser IE8 +, Firefox, Safari, Chrome (Android + IOS) Wiele motywów i kombinacji kolorów Łatwe do wdrożenia, dostosowania i stylu Dobrze zakodowane i udokumentowane formularze logowania, rejestracja
4.17/ 6
185