Как сделать прямоугольное выделение по краям изображения?

Senseich, потом изображение обрежется по пустым пикселям

Как сделать прямоугольное выделение по краям изображения?

Senseich, я жёлтым выделил

Как это можно реализовать с помощью clip-path?

LOLIK777, да там открыл и тупо видишь что делаешь и потом сохраняешь как SVG и все дела ...

Как это можно реализовать с помощью clip-path?

LOLIK777, в инкскайпе делаю или корел драв

Как это можно реализовать с помощью clip-path?

LOLIK777, вот скажем смотри - не сложно просто долго : https://jsfiddle.net/61vgtdLx/ я не накладывал маски и фильтры

Как это можно реализовать с помощью clip-path?

LOLIK777, ммм...viewBox занимается масштабированием svg ммм но рассказывать действительно много ...если хотите быть в тренде и что бы ваш продукт одинаково смотрелся везде - надо использовать SVG

Как это можно реализовать с помощью clip-path?

LOLIK777, это можно на svg сделать а текст на html тегах - не сложно вроде бы

Как это можно реализовать с помощью clip-path?

LOLIK777, покажите весь скриншот того что надо сделать

Как это можно реализовать с помощью clip-path?

LOLIK777, у SVG проблемы с адаптивностью ? Вы что то путаете

Как увеличить блок при наведении, но не его содержимое, чтобы он не смещал соседние (фото внутри)?

Атланта, я вообще по другому сделал : codepen

Как увеличить блок при наведении, но не его содержимое, чтобы он не смещал соседние (фото внутри)?

Атланта, этот подход красивее ....признаю

Как увеличить блок при наведении, но не его содержимое, чтобы он не смещал соседние (фото внутри)?

Атланта, проверьте ссылку опять - я сделал примерно так как надо

Как увеличить блок при наведении, но не его содержимое, чтобы он не смещал соседние (фото внутри)?

Атланта, а как же адаптивность ? величины у вас фиксированные .. писать медиа запросов просто гора ...даже элементарно не вмещается в jfiddle

Как увеличить блок при наведении, но не его содержимое, чтобы он не смещал соседние (фото внутри)?

Атланта, ну а текст стало быть уменьшить ...

Как увеличить блок при наведении, но не его содержимое, чтобы он не смещал соседние (фото внутри)?

transition надо уменьшить до 0.35s - тогда всё происходит гораздо лучше и transform:scale(1.1); как показал в ответе 0xD34F

Как заставить Firefox дружить с SVG?

maiskiykot, я же не спорю , просто выключите эксперементальные функции в Хроме и увидите что Лиса круче чем Хром... единственно что могу сказать если у вас присутствует transition:.5s; то надо указать 0.5s

Почему snap.svg.js работает без анимации?

ааа... чёрт побери ...хоть понятно стало ...спросить негде ...на ruSO понтов больше чем Q&A ... спасибо

Пару вопросов по snap.svg.js, как делаются анимации?

0xD34F, очень ценная информация - спасибо

Пару вопросов по snap.svg.js, как делаются анимации?

0xD34F, то типа

s.onmouseenter({
p.animate({
  d: "m211.11 29.443c-7.8773 42.532-29.974 91.538-23.913 120.73 6.1614 29.676-118.95-77.715-119.98-60.673-4.5613 75.534 6.4136 113.13-20.897 64.44"
}, 10000)
})

так ??

Пару вопросов по snap.svg.js, как делаются анимации?

а как сделать тоже самое но по hover или по mouse.... ?