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 naprawić ostrzeżenie o małej ilości pamięci w iPhonie/iPodzie Touch

Jak naprawić ostrzeżenie o małej ilości pamięci w iPhonie/iPodzie Touch

W ciągu ostatnich kilku dni wielu użytkowników miało problemy z pamięcią w swoich iPhone'ach/iPodach Touch, a system operacyjny często wyświetlał użytkownikowi komunikat informujący o braku pamięci systemowej.

Steruj odtwarzaczem multimedialnym VLC za pomocą wbudowanego pilota do laptopów Dell i HP

Steruj odtwarzaczem multimedialnym VLC za pomocą wbudowanego pilota do laptopów Dell i HP

Większość laptopów jest obecnie wyposażona we wbudowany pilot zdalnego sterowania, ale wszystkie są skonfigurowane wyłącznie do współpracy z programami Windows Media Player i Windows Media Center.

Instrukcja: Łatwa instalacja systemu Android 2.2 Froyo na telefonie HTC HD2

Instrukcja: Łatwa instalacja systemu Android 2.2 Froyo na telefonie HTC HD2

Wcześniej opublikowaliśmy poradnik dotyczący instalacji Androida 2.2 Froyo na Twoim HTC HD2. Niewątpliwie poradnik był skierowany do innych geeków i entuzjastów, którzy…

+10 najlepszych darmowych i publicznych serwerów DNS w 2025 roku

+10 najlepszych darmowych i publicznych serwerów DNS w 2025 roku

Odkryj najlepsze serwery DNS i dowiedz się, w jaki sposób mogą one usprawnić przeglądanie stron internetowych, zapewniając szybsze i bezpieczniejsze połączenie.

Instrukcja: Rootowanie telefonu Motorola i1 [metoda ADB]

Instrukcja: Rootowanie telefonu Motorola i1 [metoda ADB]

Wreszcie mamy świetną wiadomość dla użytkowników Motoroli i1 czekających na rootowanie swoich telefonów. GotHeart z CyanogenMod Forum uzyskał roota przez

Instalowanie aplikacji na Androida z Gmaila

Instalowanie aplikacji na Androida z Gmaila

Czy otrzymałeś plik APK e-mailem i nie wiesz, co z nim zrobić, bo nie możesz go zainstalować bezpośrednio? Wielu programistów

Jak zmienić widok mapy – Mapy Google

Jak zmienić widok mapy – Mapy Google

Mapy Google oferują kilka różnych widoków. Dla wielu użytkowników uproszczony widok mapy sprawdza się najlepiej w nawigacji, ale dodatkowe nakładki, które…

Korzystaj ze Skypea online, nie potrzebujesz klienta stacjonarnego

Korzystaj ze Skypea online, nie potrzebujesz klienta stacjonarnego

Ostatnio potrzebowałem porozmawiać głosowo z jednym ze znajomych na Skypie, ale nie chciałem pobierać klienta na komputer. Są sytuacje, w których…

Instrukcja: Rootowanie telefonu HTC G2 w T-Mobile

Instrukcja: Rootowanie telefonu HTC G2 w T-Mobile

Zrootowanie telefonu komórkowego zawsze jest korzystne dla użytkowników, ponieważ pozwala im przejąć pełną kontrolę nad każdym zakamarkiem urządzenia. Z naszej wiedzy wynika, że

Jak rozpoznać, czy obraz jest fałszywy, czy oryginalny? Użyj narzędzia Image Error Level Analyzer

Jak rozpoznać, czy obraz jest fałszywy, czy oryginalny? Użyj narzędzia Image Error Level Analyzer

Wielokrotnie natrafiamy na zdjęcia, które sprawiają, że zastanawiamy się, czy są oryginalne, czy też przerobione w Photoshopie (podróbki). Analizator Poziomu Błędów Obrazu, czyli po prostu ELA, to…