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

Co nowego w Androidzie 4.0 Ice Cream Sandwich [Przegląd funkcji]

Co nowego w Androidzie 4.0 Ice Cream Sandwich [Przegląd funkcji]

Android 4.0 Ice Cream Sandwich (ICS) został zaprezentowany przez Google i Samsung podczas wydarzenia w Hongkongu w październiku tego roku i zgodnie z oczekiwaniami, jest to najbardziej

Jak wygenerować plik OPML z kanałów RSS

Jak wygenerować plik OPML z kanałów RSS

Jeśli przełączasz się z jednego czytnika kanałów na inny, to odwiedzanie każdej ze swoich witryn z kanałami i ponowne subskrybowanie jest żmudnym procesem. Aby migrować,

Obniż wersję systemu iPhone 3G i 3GS z iOS 4 do 3.1.2

Obniż wersję systemu iPhone 3G i 3GS z iOS 4 do 3.1.2

Użytkownicy, którzy chcą obniżyć wersję swoich urządzeń iPhone 3G i iPhone 3GS po przypadkowej aktualizacji do iOS 4, uznają ten przewodnik za przydatny, dzięki komentatorowi

Jak korzystać z aplikacji Snap Camera w połączeniu z aplikacją Google Meet

Jak korzystać z aplikacji Snap Camera w połączeniu z aplikacją Google Meet

Google Meet ma funkcję rozmycia tła, która rozmywa tło lub maskuje je obrazem. To tyle efektów, jakie oferuje. Od czasu wprowadzenia Google Meet

150 najlepszych rozszerzeń przeglądarek i aplikacji internetowych 2011 roku [Wybór redaktora]

150 najlepszych rozszerzeń przeglądarek i aplikacji internetowych 2011 roku [Wybór redaktora]

Niezależnie od tego, czy korzystasz z komputera Mac, czy PC z systemem Windows, nadal korzystasz z tego samego internetu. Twoje internetowe irytacje, irytacje i frustracje są podobne, a Ty…

Jak podzielić ekran przeglądarki Firefox, aby zrobić miejsce na więcej treści

Jak podzielić ekran przeglądarki Firefox, aby zrobić miejsce na więcej treści

Jeśli używasz przeglądarki Firefox i chcesz zwiększyć swoją produktywność, ta wskazówka jest dla Ciebie. Split Browser to darmowy dodatek do przeglądarki Firefox, który dzieli Twoją przeglądarkę.

DropItToMe to bezpieczny sposób na umożliwienie użytkownikom przesyłania plików do Dropboxa

DropItToMe to bezpieczny sposób na umożliwienie użytkownikom przesyłania plików do Dropboxa

Kiedy w sierpniu opublikowaliśmy artykuł o Dropbox Uploader, wiele osób zainspirowało się i stworzyło własną wersję skryptu, modyfikując oryginał

Wtyczka Macro Recorder do przeglądarki Google Chrome

Wtyczka Macro Recorder do przeglądarki Google Chrome

Makra są po prostu niesamowite. Wyjaśniliśmy, jak używać makr w programach Excel 2010, Word 2010 i innych, aby rejestrować i odtwarzać powtarzające się zadania. Teraz ekipa, która za nimi stoi

Uzyskaj dostęp do wszystkich swoich kont e-mail z poziomu Gmaila

Uzyskaj dostęp do wszystkich swoich kont e-mail z poziomu Gmaila

Czy chcesz zarządzać wszystkimi swoimi kontami e-mail, takimi jak Hotmail, Yahoo, AOL itp. z poziomu Gmaila? Zamiast sprawdzać różne konta e-mail na ich stronach internetowych?

Jak powiększać w aplikacji Microsoft Teams

Jak powiększać w aplikacji Microsoft Teams

Microsoft Teams ma całkiem niezły interfejs użytkownika. Ikony są dobrze wykonane, a tryb ciemny pozwala użytkownikom na łatwe czytanie tekstu na ciemnym tle.