- - CSS3.0 Maker - Pobierz kod CSS dla efektów obramowania, cieni i innych

CSS3.0 Maker - pobierz kod CSS dla efektów obramowania, cieni i innych

Sprawdziliśmy już kilka generatorów kodu CSS, takich jak Style warstw i Generator cieni ThemeShock CSS. Oba są doskonałe, ale ograniczone, ponieważ generują kod tylko dla jednego efektu. CSS3.0 Maker to automatyczny generator kodu CSS, który generujekoduj obramowanie, cień tekstu, cień ramki, efekty konturu i pochylenie, skaluj lub obracaj element. 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 arkusz wewnętrzny. Usługa informuje, w jakiej wersji Chrome, Firefox, Internet Explorer, Safari i Opera będą renderowane efekty i które urządzenia mobilne ją obsługują.

Aby utworzyć wiele plików, będziesz musiał to zrobićzałóż darmowe konto. 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. Dodatkowymi efektami, które są dostępne (po wylogowaniu) są efekty Gradient, Animacja i Przejście. Witryna używana jako niezarejestrowany użytkownik nie pozwala dodawać wielu efektów. Jeśli zdecydujesz się korzystać z usługi bez rejestracji konta, zobaczysz poziomy pasek tuż pod nagłówkiem witryny, który pozwala wybierać różne efekty.

CSS3.0 Maker

Jeśli chcesz dodać wiele efektów, zarejestruj 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 Edytować a wszystkie wprowadzone zmiany zostaną zapisane w tym pliku. Idź do Dom kartę, aby rozpocząć edycję efektów.

Plik CSS3.0

Aby przechodzić między różnymi efektami, użyj menu rozwijanego na Dom patka. Aby zmienić kolor elementu i dostosować jego krycie, przejdź do efektu RGBA. Aby dodać ramkę lub zmienić style ramki, przejdź do Promień graniczny. The Cień tekstu i Box Shadow efekty tworzą efekt cienia za elementem lub tekstem. Możesz go przekrzywiać i skalować z Transformacja CSS efekt i odsunięcie granicy od elementu od Odsunięcie konturu efekt.

Box Shadow CSS 3

Po wprowadzeniu wszystkich zmian i zastosowaniu potrzebnych efektów kliknij Zapisać i wtedy Pobieranie, aby pobrać plik. Wprowadź niezbędne zmiany, a Twój CSS jest gotowy do pracy. Usługa jest doskonała, jeśli chcesz eksperymentować z projektowaniem lub jeśli chcesz po prostu eksperymentować z mnóstwem efektów CSS dla konkretnego projektu.

Testowanie generatora CSS 3.0

Odwiedź CSS3.0 Maker

Komentarze