Метка

CSS

512 простых иконок на чистом CSS

Люди, которые вырезали все иконки отдельными картинками, а потом вставляли их в нужное место HTML (да-да, именно так делали до того, как придумали иконочные шрифты), наверняка будут в восторге, от удобных и простых иконок на чистом CSS. Всё сделано средствами… Continue Reading →

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

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

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

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

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

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

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

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

© 2018 HTMLer.ru

Наверх ↑