Портал про HTML, CSS, JS CSS
Категория

CSS

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

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

Как сохранить изменения стилей из консоли chrome

Несмотря ни на что, не многие знают, как сохранить изменения стилей из консоли chrome. Об этом кратко сегодня и расскажем. Вообще говоря, это стандартная возможность Chrome, доступная ещё с 11-го года, но малоизвестная и по сей день. Chrome позволяет связать… Подробнее →

Скрыть картинку только на iOS на CSS

Привет. Сегодня маленький секрет CSS, как скрыть картинку/изображение <IMG> только для iOS, без каких-либо display: none, и media-query. Без посредников в виде media-query можно скрыть изображение, если в стиле для него указать img {content:»»;} Удивительно, но на iOS, если задан content,… Подробнее →

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 2017 HTMLer.ru

Наверх ↑