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
