эффект » Скрипты для сайтовЭффект при наведении на изображение Довольно-таки смелый hover эффект на изображении. При наведении происходит разделение блока на отдельные кусочки с общим фоном — картинкой. Эффект при наведении с помощью clip-path Использование свойства clip-path при наведении для придания изображению формы стрелки с анимацией. Эффект искажения на three.js Эффект перетекания одного изображения в […]
Рубрика: Css
Генератор кнопок CSS 3.02.2019 1 290 Всем привет! В продолжение темы инструментов веб-разработчика, напишу про онлайн генератор кнопки CSS. Таких генераторов много. Сама – честно – не пользуюсь. Почему? Если сайт работает с Bootstrap, то в его арсенале имеются встроенные стили кнопок, которые легко переделать под себя. А если делаю верстку с нуля и без фреймворка,
Онлайн тень css: CSS Box Shadow генератор — тень блока в CSS, примеры использованияRead More »
Самая полная таблица названий цветов в CSS (с примерами)Ниже Вы можете найти полную таблицу стандартных цветов, которые работают во всех браузерах.В качестве цвета можно задать цвет в шестнадцатеричном формате HEX, например #A52A2A или используя CSS название цвета, например: blue.Цвет текстаКак изменить цвет текста или шрифта в CSS? На самом деле задать нужный цвет или изменить можно
css — Немного неровное выравнивание текста в кнопке по вертикали на разных устройствах Вопрос задан 5 лет 6 месяцев назад Изменён 8 месяцев назад Просмотрен 5k раза Наверняка многие сталкивались с этим. Речь идёт об обычной кнопке <button>Text</button> которой мы задаём какую то высоту height: 30px; и при этом этот текст на одних устройствах выравнивается чётко
min-height — CSS | MDNСвойство CSS** min-height** устанавливает минимальную высоту элемента. Оно предотвращает используемое значение свойства height от становления меньше, чем значение, указанное для min-height.Высота элемента принимает значение min-height всякий раз, когда min-height больше чем max-height или height./* <length> значения */ min-height: 3.5em; /* <percentage> значения */ min-height: 10%; /* Значения-ключевые слова */ min-height: max-content;
Css height 100: html — How to make a div 100% height of the browser window?Read More »
Создание красивых градиентов на CSS / ХабрВот линейный градиент на CSS, идущий от чисто жёлтого до чисто синего цвета: Заметили, что в центре он становится бледным и грязным?Это явление Эрик Кеннеди назвал «мёртвой зоной серого». Если вы тщательно не выбираете цвета для своих градиентов, то в ваших градиентах на CSS часто возникает такая обесцвеченная часть
background | CSS | WebReferenceСодержаниеКраткая информацияСинтаксисЗначенияПримерСпецификацияБраузерыУниверсальное свойство background позволяет установить одновременно несколько характеристик фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству. Для подробного ознакомления смотрите информацию о каждом свойстве отдельно. Допустимо, также, указывать параметры сразу нескольких фонов, перечисляя их через запятую. Значение по умолчанию transparent || none
Css background url: background — CSS: Cascading Style SheetsRead More »
name атрибут HTML теґа inputГоловна html теґи <input> name Атрибут name задає унікальне ім’я елементу <input>.Атрибут name використовується для посилання на елемент в JavaScript чи при зверненні на дані форми після того, як форма була відправлена.Нотатка: Тільки елементи з атрибутом імені будуть мати свої значення та будуть відправлені на сервер при відправці форми. Порада: В
Input name css: html — Can I apply a CSS style to an element name?Read More »
Более 400 полезных CSS-шаблонов для верстальщиковКаскадные таблицы стилей (CSS) являются языком, который используется в основном при форматировании текста. Но в наши дни, CSS используется не только для представления семантики, но также в позиционировании содержания. Позиционирование содержания веб-страницы с помощью CSS однако довольно сложно и эта трудоемкая задача, особенно для новичков.В данной статье вы можете найти
Шаблоны css для сайта: Готовые CSS шаблоны и генераторыRead More »
css — Горизонтальное меню в два ряда Задать вопрос Вопрос задан 2 года 6 месяцев назад Изменён 2 года 6 месяцев назад Просмотрен 231 раз <nav> <ul> <li><a>Головна</a></li> <li><a>О компании</a></li> <li><a>Информация о том как доехать</a></li> <li><a>О нас</a></li> <li><a>Продукции</a></li> <li><a>Наши успехи</a></li> <li><a>Наши работники</a></li> <li><a>Наши зарплаты</a></li> </ul> </nav> . menu-8 ul { display: flex;
Горизонтальное css3 меню: Горизонтальное меню на CSSRead More »