CSS3.0 Maker – Uzyskaj kod CSS dla obramowania, efektów cienia pudełka i nie tylko

Sprawdziliśmy już kilka generatorów kodu CSS, takich jak Style warstw i ThemeShock CSS Drop Shadow Generator . Oba są doskonałe, ale ograniczone, ponieważ generują kod tylko dla jednego efektu. CSS3.0 Maker to automatyczny generator kodu CSS, który generuje kod obramowania, cienia tekstu, cienia pola, efektów konturu i pochylenia, skalowania lub obracania elementu. Możesz pracować na wielu plikach CSS (różne style w każdym pliku), tworząc różne pliki. Kod jest pobierany jako plik HTML, a CSS jest dodawany jako wewnętrzny arkusz. Usługa informuje, w jakiej wersji przeglądarki Chrome, Firefox, Internet Explorer, Safari i Opera będą renderowane efekty i które urządzenia mobilne będą je obsługiwać.

Aby utworzyć wiele plików, konieczne będzie założenie bezpłatnego konta. Z usługi można w inny sposób korzystać bez jej tworzenia. Co dziwne, strona pozwala dodawać więcej efektów, gdy nie jesteś zalogowany. Dodatkowe efekty, które są dostępne (po wylogowaniu) to efekty Gradientu, Animacji i Przejścia. Gdy jest używany jako niezarejestrowany użytkownik, witryna nie pozwala na dodawanie wielu efektów. Jeśli zdecydujesz się korzystać z usługi bez rejestracji konta, zobaczysz poziomy pasek tuż pod nagłówkiem strony, który pozwala wybrać różne efekty.

Jeśli chcesz dodać wiele efektów, załóż bezpłatne konto i utwórz plik. Możesz utworzyć plik, klikając Nowy plik na stronie głównej lub przechodząc do Moje pliki . Wpisz nazwę swojego pliku. Wybierz opcję Edytuj , a wszystkie wprowadzone zmiany zostaną zapisane w tym pliku. Przejdź do karty Narzędzia główne , aby rozpocząć edycję efektów.

Aby przechodzić między różnymi efektami, użyj menu rozwijanego na karcie Strona główna . Aby zmienić kolor elementu i dostosować jego krycie, przejdź do efektu RGBA. Aby dodać obramowanie lub zmienić style obramowania, przejdź do Promień obramowania. Efekty Cień tekstu i Cień ramki tworzą efekt cienia za elementem lub tekstem. Możesz pochylić i przeskalować go z efektu CSS Transform i odsunąć obramowanie od elementu z efektu Outline Offset .

Po wprowadzeniu wszystkich zmian i zastosowaniu potrzebnych efektów kliknij Zapisz , a następnie Pobierz , aby pobrać plik. Wprowadź niezbędne zmiany i gotowe CSS. Usługa jest doskonała, jeśli chcesz eksperymentować z projektowaniem lub po prostu musisz poeksperymentować z mnóstwem efektów CSS dla konkretnego projektu.

Odwiedź CSS3.0 Maker

Leave a Comment

Jak zainstalować jądra na telefonach z Androidem [ROM-y niestandardowe]

Jak zainstalować jądra na telefonach z Androidem [ROM-y niestandardowe]

Czym jest jądro? Centralny komponent większości systemów operacyjnych. Do jego obowiązków należy zarządzanie zasobami systemowymi (komunikacja między

Czym jest Instagram?

Czym jest Instagram?

Instagram to sieć społecznościowa, która ma wiele do zaoferowania. Jeśli chcesz lepiej poznać Instagram, dowiedz się, czym jest Instagram, z tego obszernego artykułu.

10 rzeczy, które należy wziąć pod uwagę przy zakupie komputera

10 rzeczy, które należy wziąć pod uwagę przy zakupie komputera

Dowiedz się, co warto wziąć pod uwagę przy zakupie komputera. Zanim podejmiesz decyzję, sprawdź, które funkcje odpowiadają Twoim potrzebom.

Odzyskiwanie usuniętych wiadomości/tweetów z Twittera

Odzyskiwanie usuniętych wiadomości/tweetów z Twittera

Czy właśnie napisałeś/aś długiego tweeta i przez pomyłkę go usunąłeś/aś? Jeśli jesteś zbyt leniwy/a, żeby napisać tweeta ponownie, to Tweleted jest dla Ciebie. Innymi słowy, to…

EFuse sprawi, że rootowanie Motoroli Droid X będzie niezwykle trudne

EFuse sprawi, że rootowanie Motoroli Droid X będzie niezwykle trudne

Motorola Droid X ma wejść na giełdę jutro i bez wątpienia jest to doskonały, wysokiej klasy telefon z Androidem. Mororola Droid X może brzmieć

Zrozumienie limitów czasowych Google Meet: plany bezpłatne i płatne

Zrozumienie limitów czasowych Google Meet: plany bezpłatne i płatne

Czy Google Meet ma limit czasowy? Bezpłatne rozmowy grupowe trwają 60 minut, a rozmowy indywidualne mogą trwać dłużej. Plany płatne oferują dłuższy czas spotkań.

Łatwa instalacja systemu Android 2.2 Froyo na urządzeniach HTC z systemem Windows Mobile

Łatwa instalacja systemu Android 2.2 Froyo na urządzeniach HTC z systemem Windows Mobile

Windows Phone 7 może nie poradzić sobie z twoimi starymi telefonami Blackstone, Diamond, Raphael itp., ale to nie oznacza końca szans na sukces tych telefonów.

Jak naprawić automatyczne śledzenie kont spamowych na Instagramie

Jak naprawić automatyczne śledzenie kont spamowych na Instagramie

Jak naprawić automatyczne śledzenie kont spamowych na Instagramie

Jak zablokować kogoś na TikToku w 2025 roku

Jak zablokować kogoś na TikToku w 2025 roku

Dowiedz się, jak zablokować kogoś na TikToku, korzystając z naszego prostego przewodnika krok po kroku. Nie pozwól niechcianym użytkownikom oglądać Twoich treści ani wchodzić z nimi w interakcję.

Jak usunąć autoryzowane aplikacje z Instagrama

Jak usunąć autoryzowane aplikacje z Instagrama

Jak usunąć autoryzowane aplikacje z Instagrama