Вопросы, решения | VERSTKA

Как подключить svg спрайт в файл в html и css

Есть сгенерированый svg спрайт - sprite.svg c symbol Если вставлять прямо в html, то все подключается отлично Но если подключать из файла (т.е. когда sprite.svg лежит в images) , то не отображается Почему не отображается иконка и как подключить в стили css иконку из спрайта?

Картинка вместо чекбокса

Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.

Как определить используемые шрифты в Figma

Плавное появление блока css при загрузке страницы

Появление блока, css анимация появления блока, css эффекты появления блоков . Рассмотрим несколько случаев появление блока

Как изменить курсор печати с «_» на « | »?

Я не понимаю как,но стиль написания изменился. Теперь ,когда я печатаю текст,он съедает напечатанный ранее. Как изменить курсор печати с “_” на ” | “? Кнопку insert на клавиатуре найди и нажми её

как сделать Градиентное Размытие CSS3

Вопрос следующий, как сделать градиентное размытие, чтобы в левом краю картинки размытие было максимальным, а уже в правом его совсем не было. Гуглил, там используют css свойство filter:blur(5px);. А как сделать так, чтобы это было как бы градиентное размытие?

Убираем лишний отступ внизу изображения

Наверное, многие, при html-верстке, встречали «баг», когда, размещая в блоке подряд два изображения, между ними возникает промежуток, примерно в 3-5 пикселей.

Каковы последствия использования «!important» в CSS? (Eng)

Я работаю над веб-сайтом несколько месяцев, и много раз, когда я пытался что-то отредактировать, мне приходилось использовать !important чтобы он отображался так, как ожидалось. Это плохая практика? Или это !importantкоманду можно использовать? Может ли это вызвать что-то нежелательное в дальнейшем?

Отзывчивый размер шрифта

Хотелось иметь универсальный рецепт, который позволял бы задавать минимальное и максимальное значения для размера шрифта, да еще и привязать эти цифры к конкретным размерам viewport

Как узнать все шрифты в figma

Скачайте плагин (Logo Figma -> Plugins -> Browse plugins in Community). Этот плагин называется Font Fascia, когда вы хотите узнать, какие шрифты используются в самом макете, просто нажимаете на этот плагин (путь такой же) и он вам выдается все шрифты … Continued