Вы можете просто использовать CSS-свойство max-width для автоматического изменения размера большого изображения, чтобы оно могло поместиться в контейнер меньшей ширины <div>, сохраняя при этом его соотношение сторон. Кроме того, вы можете применить свойство max-height, если у вас есть элемент <div> с фиксированной высотой, чтобы изображение не выходило за пределы границы <div> по горизонтали или вертикали.

CSS-свойство opacity поддерживается только в браузерах Internet Explorer 9 и выше. Однако Internet Explorer 8 и более ранние версии поддерживают свойство alpha filter только от Microsoft для управления прозрачностью элемента. Вот пример:

Вы можете использовать CSS3-свойство resize, чтобы удалить или отключить свойство изменения размера по умолчанию по горизонтали и вертикали для HTML-элемента <textarea>. Это свойство также скроет маркер изменения размера в правом нижнем углу текстовой области. Давайте посмотрим на пример:

Вы можете просто использовать CSS-свойство text-shadow для применения эффекта тени к текстовым элементам. Вы также можете применить более одной тени, разделенных запятыми. Каждая тень указывается в виде значений со смещением от текста (по горизонтали и вертикали), радиусом размытия и дополнительным значением цвета. Посмотрим пример, чтобы понять, как это работает:

Вы можете использовать CSS-свойство transform, чтобы увеличивать или уменьшать размер изображения при наведении курсора мыши, не затрагивая окружающие элементы или контент. Давайте посмотрим следующий пример, чтобы понять, как это работает:

CSS-свойство display со значением inline-block очень полезно для управления размерами, а также margin и padding встроенных элементов. Однако при использовании display: inline-block; пробелы в HTML-коде создают визуальное пространство на экране. Но избавиться от него можно с помощью следующих простых приемов. Решение 1. Удалить пространство между элементами Решение 2. Установить нулевой размер шрифта для родительского элемента…