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

Zostaw komentarz

Jak wyczyścić ekspres do kawy BUNN octem: poradnik dla początkujących

Jak wyczyścić ekspres do kawy BUNN octem: poradnik dla początkujących

Dowiedz się, jak wyczyścić ekspres do kawy BUNN za pomocą octu, poznaj kroki procedury Speed ​​Brew, cykle płukania, zasady pielęgnacji głowicy natryskowej, różnice między modelami i najczęstsze błędy.

Jak wyczyścić filtr okapu kuchennego: bezpiecznie usunąć tłuszcz i przywrócić przepływ powietrza

Jak wyczyścić filtr okapu kuchennego: bezpiecznie usunąć tłuszcz i przywrócić przepływ powietrza

Dowiedz się, jak krok po kroku wyczyścić metalowy filtr okapu kuchennego, kiedy myć go ręcznie, a kiedy w zmywarce, oraz dlaczego należy wymieniać filtry węglowe.

Jak wyczyścić opiekacz Breville: praktyczny przewodnik krok po kroku

Jak wyczyścić opiekacz Breville: praktyczny przewodnik krok po kroku

Dowiedz się, jak bezpiecznie czyścić piekarnik Breville, w tym tackę na okruchy, wnętrze, kwarcowe elementy grzejne, ruszty, szklane drzwiczki i obudowę.

Jak prać buty sportowe HOKA, nie uszkadzając pianki ani cholewki

Jak prać buty sportowe HOKA, nie uszkadzając pianki ani cholewki

Dowiedz się, jak prać buty sportowe HOKA ręcznie przy użyciu łagodnego mydła, usuwać błoto i nieprzyjemne zapachy, chronić siateczkę i piankę oraz suszyć je na powietrzu bez użycia ciepła lub pralki.

Jak wyczyścić filtr osuszacza powietrza: 8-etapowy przewodnik dla początkujących

Jak wyczyścić filtr osuszacza powietrza: 8-etapowy przewodnik dla początkujących

Dowiedz się, jak bezpiecznie wyczyścić zmywalny filtr osuszacza powietrza – odłączając go od zasilania i płucząc, po suszenie, ponowną instalację i resetowanie kontrolki filtra.

Jak wyczyścić wentylator PS5 bez rozbierania go na części: bezpieczna i skuteczna metoda

Jak wyczyścić wentylator PS5 bez rozbierania go na części: bezpieczna i skuteczna metoda

Wyczyść otwory wentylacyjne PS5 bez otwierania konsoli, oceń, czy przepływ powietrza się poprawił, i dowiedz się, kiedy czyszczenie zewnętrzne jest niewystarczające i konieczna jest dokładniejsza konserwacja.

Jak wyczyścić młynek do odpadów lodem: co pomaga, a czego nie

Jak wyczyścić młynek do odpadów lodem: co pomaga, a czego nie

Dowiedz się, jak czyścić młynek do odpadów za pomocą lodu, kiedy używać zimnej wody, kiedy owoce cytrusowe są opcjonalne, czego lód nie jest w stanie naprawić i jak bezpiecznie sprawdzić efekt czyszczenia.

Jak usunąć gumę do żucia z jeansów: Porównaj najbezpieczniejsze metody przed zeskrobywaniem

Jak usunąć gumę do żucia z jeansów: Porównaj najbezpieczniejsze metody przed zeskrobywaniem

Dowiedz się, jak usunąć gumę do żucia z jeansów za pomocą lodu lub mrozu, kiedy używać odplamiacza, jak chronić kolor jeansów i czego unikać przed praniem.

Jak czyścić grill pelletowy Traeger: praktyczny poradnik dogłębnego czyszczenia

Jak czyścić grill pelletowy Traeger: praktyczny poradnik dogłębnego czyszczenia

Dowiedz się, jak bezpiecznie czyścić grill pelletowy Traeger, w tym ruszt, tackę ociekową, palenisko, popiół, system smarowania, zasobnik oraz jak konserwować elementy zewnętrzne.

Jak bezpiecznie prać koc elektryczny Sunbeam: co robić przed, w trakcie i po praniu

Jak bezpiecznie prać koc elektryczny Sunbeam: co robić przed, w trakcie i po praniu

Dowiedz się, jak bezpiecznie prać koc elektryczny Sunbeam, m.in. jak wyjmować kontroler, prać w zimnej wodzie, suszyć w niskiej temperaturze i sprawdzać przed ponownym użyciem.