Z przyjemnością przedstawiamy fragment kodu, który może się przydać w przyszłych projektach. Zawiera 8 rodzajów cieni Responsive Images Tylko CSS3 shadow Dobrze ustrukturyzowany kod CSS i HTML Kompatybilny z: IE9 +, Firefox 3+, Safari 4+, Opera, Google Chrome Zoptymalizowany dla: iPhone, iPad, Android 2.3+
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
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
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
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
Ś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
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
