Разгледахме няколко генератора на CSS кодове преди като Layer Styles и ThemeShock CSS Drop Shadow Generator. И двете са отлични, но ограничени, тъй като генерират код само за един ефект. CSS3.0 Maker е автоматичен генератор на CSS код, който генериракод за граница, текстова сянка, сянка на полето, очертаещи ефекти и изкривяване, мащабиране или завъртане на елемент. Можете да работите върху множество CSS файлове (различни стилове във всеки файл), като създавате различни файлове. Кодът се изтегля като HTML файл и CSS се добавя като вътрешен лист. Услугата ви казва в каква версия на Chrome, Firefox, Internet Explorer, Safari и Opera ще се показват ефектите и кои мобилни устройства ще я поддържат.
За да създадете няколко файла, ще трябва да направитерегистрирайте се за безплатен акаунт. В противен случай услугата може да се използва без създаване на такава. Колкото и да е странно, сайтът ви позволява да добавяте повече ефекти, когато не сте влезли. Допълнителни ефекти, които са налични (когато сте излезли от тях) са градиент, анимация и преходни ефекти. Когато се използва като нерегистриран потребител, сайтът не ви позволява да добавяте множество ефекти. Ако решите да използвате услугата без да се регистрирате за акаунт, ще видите хоризонтална лента точно под заглавката на сайта, която ви позволява да избирате различни ефекти.

Ако искате да добавите множество ефекти, регистрирайте безплатен акаунт и създайте файл. Можете да създадете файл, като щракнете върху Нов файл на началната страница или като отидете на Моите файлове, Въведете име за вашия файл. Изберете редактиране и всички промени, които правите, се запазват в този файл. Отидете на У дома раздела, за да започнете да редактирате ефекти.

За да се движите между различни ефекти, използвайте падащото меню на У дома раздел. За да промените цвета на елемента и да коригирате неговата непрозрачност, отидете на RGBA ефекта. За да добавите рамка или да промените стиловете на границата, отидете на Граничен радиус. Най- Текстова сянка и Box Shadow ефекти създават ефект на сянка зад елемента или текста. Можете да го изкривите и мащабирате от CSS трансформация ефект и изместване на границата от елемента от Очертаване на офсет ефект.

След като направите всички промени и приложите необходимите ефекти, щракнете върху Запази и тогава Изтегли, за да изтеглите файла. Направете необходимите промени и вече имате готов CSS за работа. Услугата е отлична, ако искате да експериментирате с дизайн или, ако просто трябва да експериментирате с множество CSS ефекти за конкретен проект.

Посетете CSS3.0 Maker
Коментари