Genri_Rus,
можно:
1. поменять местами в разметке и использовать .block a:hover + img
2. в разметке вложить картинку в ссылку и использовать .block a:hover img
3. js
Ссылка на пример же прямо в ответе.
order просто меняет порядок отображения флекс-элементов. Флекс-элементы это "дети" элемента с display:flex.
С флексами уже давно пора дружить. И с гридами тоже пора.
Genri_Rus,
во-первых, вам нужен объект JQ, т.е. $(this), а не this
во-вторых, класс нужно добавить не ссылке, а картинке, которая идет перед ссылкой, т.е. $(this).prev('img') jquery.page2page.ru/index.php5/%D0%9F%D0%BE%D0%B8%...
и вот только ему уже класс.
Genri_Rus,
1. если не добавляется класс, то покажите как вы пишете через this
2. если добавляется класс, но не работает размытие, то покажите что написано в классе. И браузер в котором не работает.
Была картинка 100%. При уменьшении окна, вы ей сказали, занимай только 70% от блока. Картинка уменьшилась, блок, логично, остался, вы же не его уменьшили.
этот блок не единственный на странице. Конкретно в моем случае, эффект применим к заголовку h1
Это ш как круто написать половину вопроса, а потом наслаждаться тем, что ответы не вполне подходят.
Думаю, вы в состоянии заменить псевдоэлемент на div, а div на h1.
При несовпадении блоков (наличии других блоков поверх этого же фона) использовать bg size, bg position, возможно calc. Если размеры не понятны напрямую, то предварительно получать их на js.
Дальше, вы можете описать проблему полностью, а также выложить ваш код с указанием того, что не получается, посмотрим.
Иначе это задание, а не вопрос.
на изображении в вопросе элементы в контейнере прижаты к левому краю и имеют фиксированную ширину. Если не помещаются в одну строку, то переносятся на новую строку.
С точки зрения разума 2, потом 1.