Метка

CSS3

Выровнять последний ряд по сетке при justify-content: space-between

В последнее время все то и дело используют свойства flex в CSS. И это здорово. То, что раньше требовало от разработчика применения техники танца с бубном, и нескольких методик медитации, сейчас решается буквально 3-мя строчками кода. Сегодня рассмотрим как выровнять последний… Continue Reading →

Иконка меню анимированная в крестик на CSS

В продолжение поста про то, как сделать крестик на чистом CSS, публикуем пример кода, как сделать другой элемент интерфейса: Иконка меню анимированная в крестик на CSS. Иконка меню – это незаменимый элемент интерфейса сегодня. Они прочно вошли в нашу жизнь… Continue Reading →

CSS list-style-image выравнивание по-вертикали

Часто бывает так, что нужно сделать стиль ненумерованного списка не подходит под дизайн страницы, и тогда используется list-style-image, который позволяет сделать так, чтобы вместо точки/диска/квадратика выводилась произвольная картинка. Но частенько, эта картинка позиционируется не правильно, особенно, если она чуть больше,… Continue Reading →

CSS анимация свойства content

Идея анимировать свойство контент через keyframe пришла не так давно, в ходе работы. И как оказалось это возможно, но только в Google Chrome. Что влечет за собой большие неудобства, но в тоже время, позволяет сделть некие «пасхальные» сюрпризы для пользователей… Continue Reading →

Крестик закрыть на чистом CSS

Привет. Сегодня рассмотрим как сделать Крестик закрыть на чистом CSS, то есть нарисовать иконку закрытия/удаления без картинок. Сразу напомню, что если вы не хотите разрабатывать сайт самостоятельно, то обратитесь к профессионалам: http://alex-it.pro/razrabotka-sozdanie-saytov-v-zhitomir/, которые помогут вам разработать сайт быстро, качественно и без написание… Continue Reading →

CSS отобразить стандартный scrollbar слева

Сегодня о не совсем привычных штуках, которые можно применить в жизни. Представьте себе страницу, у которой левая колонка прокручивается скроллом и занимает всю ширину страницы, и правая колонка (основной блок) тоже прокручивается скроллом. Можно сделать так, чтобы у левой колонки scrollbar… Continue Reading →

awsm.css – красивый семантический html без классов и id

Бывает так, что нужно создать примитивную страницу, но при этом не хочется парится с оформлением страницы, наведением красоты в CSS и т.д. AWSM.CSS – вот что поможет в этом случае. Это небольшая (приблизительно 2Кб) CSS библиотека, которая позволяет за считанные секунды… Continue Reading →

CSS media-query определить Windows

Как на CSS media-query определить Windows. Этого сделать нельзя! Но сегодня расскажу вам как сделать это максимально удобно, и «поддерживаемо» с точки зрения CSS. Как на CSS media-query определить Windows? Способ очень простой. Суть его в том, чтобы на JS,… Continue Reading →

CSS Обратиться к любому элементу по атрибутам

Порой бывает необходимо, обратиться к какому-либо элементу страницы, у которого не прописан class или ID, не имея возможности добавить class или ID в html. CSS Обратиться к любому элементу по атрибутам – вот выход из ситуации. Часто такие ситуации складываются,… Continue Reading →

Как сделать круглую картинку на CSS?

Привет. Многим эта статья может показаться достаточно примитивной, и очевидной. Как сделать круглую картинку на CSS? Для этого не нужно делать ничего особенного, читайте далее. Под круглой картинкой я понимаю картинку, которая вписана в круг. Есть старые подходы, когда картинка… Continue Reading →

Треугольники на CSS

Многие слышали, что можно сделать треугольники на CSS. Для этого есть прекрасный хак со свойством border, который можно использовать, чтобы сделать треугольники на CSS без единой картинки. Как сделать треугольники на CSS Как по вашему должен отображать границы браузер, если… Continue Reading →

© 2018 HTMLer.ru

Наверх ↑