Какие существуют способы создания полупрозрачных изображений в веб-дизайне?

Несколько способов создания полупрозрачных изображений в веб-дизайне:

• Использование свойства opacity в CSS. vaden-pro.ru Оно позволяет задать прозрачность элемента, к которому применяется. vaden-pro.ru Значения, которые можно использовать в качестве аргумента, изменяются в пределах от 0 (полная прозрачность) до 1 (непрозрачность). vaden-pro.ru
• Использование PNG-картинки. vaden-pro.ru В графическом редакторе предварительно готовят однотонный полупрозрачный рисунок и сохраняют его в формате PNG-24. htmlbook.ru Особенностью этого формата является поддержка 256 уровней прозрачности. htmlbook.ru После чего рисунок добавляют в качестве фона через свойство background. htmlbook.ru
• Клетчатые изображения. vaden-pro.ru Метод заключается в создании клетчатого фона, в котором цветные квадратики чередовались с прозрачными. vaden-pro.ru В результате применения такой картинки в качестве background получают псевдопрозрачный фон. vaden-pro.ru
• Использование свойства box-shadow. sky.pro Свойство box-shadow с параметрами внутренней тени позволяет создать эффект прозрачности фонового изображения, обходясь без использования opacity. sky.pro
• Использование техники спрайтов. sky.pro Для оптимальной загрузки заранее создают изображения с разной прозрачностью. sky.pro