144 читали · 3 года назад
33 CSS генераторов, библиотек и тулзов упрощающих работу с CSS
1. glassmorphism.com - генератор эффекта глассморфизма (эффект матового стекла) 2. nighteye.app/dark-css-generator/ - генератор тёмных CSS. Вставляем URL сайта - получаем тёмную тему для своей страницы 3. neumorphism.io - создаёт градиенты и тени в стилистике неоморфизма. 4. shapedivider.app - генератор волн, кривых, стрелок и других загогулин 5. utopia.fyi - элегантное масштабирование шрифтов без breakpoints 6. transition.style - генерация Drop-in переходов 7. MoreToggles.css - нужно боооооольше переключателей 8...
1722 читали · 6 лет назад
Шпаргалка по FlexBox - просто и понятно | css | программирование
FlexBox состоит из Контейнера и его Дочерних элементов (items). Для включения flexbox, любому HTML элементу достаточно присвоить css свойство display:flex; <style> .flex{ display: flex; } </style> <div class="flex"> <div class="item">1</div> <div class="item">2</div> </div> CSS свойства Flexbox Flexbox содержит разные css правила для управления всей flex конструкцией. Одни нужно применять к основному контейнеру, а другие к элементам этого контейнера. Для контейнера: display: flex - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков...