Эффекты, при наведении курсора мыши на картинку, могут строиться с участием различных CSS свойств. В большинстве случаев применяется прозрачность, наложение легкого фона, тень и многое другое. С появлением CSS фильтров изображений круг возможностей значительно расширился, что дает больше вариантом в выборе эффекта.
В сегодняшнем примере рассмотрим использование фильтра «размытие» для ховер-эффекта изображения. Естественно, в комбинации с другими свойствами, чтобы достичь динамического результата.
Into the Unknown
Little Red Riding Hood sets off into the woods, unbeknownst what lies ahead.
Into the Unknown
Little Red Riding Hood sets off into the woods, unbeknownst what lies ahead.
Into the Unknown
Little Red Riding Hood sets off into the woods, unbeknownst what lies ahead.
Into the Unknown
Little Red Riding Hood sets off into the woods, unbeknownst what lies ahead.
Into the Unknown
Little Red Riding Hood sets off into the woods, unbeknownst what lies ahead.
Into the Unknown
Little Red Riding Hood sets off into the woods, unbeknownst what lies ahead.