Создание чистых треугольников CSS с помощью этого бесплатного веб-приложения

Есть большой толчок, чтобы сделать сеть более CSS-дружественное место. Годами, изображений всегда были решение для взлома браузера от повторяющихся фонов до техники раздвижных дверей. Но теперь это проще, чем когда-либо создавать шаблоны, значки и специальные эффекты с CSS3.

С этот генератор треугольника, Вы можете разработать размер и форма любого треугольника ты хочешь. Это будет автоматически выплюнуть класс CSS который вы можете применить к любому элементу.

На панели параметров вы можете изменить треугольник цвет и направление (вверх / вниз и вбок). Вы также можете изменить треугольник ширина высота и даже возиться с наклон влево / вправо если вы сделаете разносторонний треугольник.

Это одно из самых крутых веб-приложений, которое я когда-либо видел. Это размещено на Designyourcode это сайт, полный замечательных статей блога и бесплатных инструментов веб-разработки.

И для всех любителей Обратная совместимость, у вас есть возможность включить Microsoft.Chroma особенность в CSS, которая добавляет поддержку для пользователей IE6. Менее одного процента населения мира даже используют IE6, но это все еще хороший вариант.

к добавить чистый треугольник CSS на ваш сайт, просто скопируйте / вставьте класс CSS с правилами в вашу таблицу стилей. Тогда дайте этот класс любому

или пустой элемент блока.

Например, чтобы сделать направленный вверх треугольник Вы скопируете код и добавите такой элемент:

Тот может быть элемент уровня блока, а также, или это может быть позиционируется абсолютно в другом элементе.

Возможности бесконечны, и этот инструмент может предложить лучшую альтернативу чем взломать границы CSS. Чтобы начать, просто посетите веб-приложение треугольник а также изменить значения на ваш вкус.