Думаете, если оставить вопрос в том же виде, как и вчера, то на него кто-то ответит?
Подсказать почему на него никто не отреагировал или сами догадаетесь?
1. Передать в псевдоэлемент
2. Передать дочерним элементам
3. Переиспользовать
4. В JS вычисляем значение, а в CSS можем использовать его сегодня для трансформ, а завтра для точки перехода градиента, не меняя скрипта.
Ещё что-нибудь, что не пришло мне в голову пока печатала.
Сначала нужно узнать, что должно происходить потом.
Если человек должен кликнуть на картинку, то оборачиваем картинку в ссылку, ссылке задаем псевдоэлемент и позиционируем его поверх картинки. Гридом или абсолютами.
Либо картинка и ссылка должны иметь общую обертку. Ссылку скрываем, при наведении на обертку показываем поверх картинки.
Позиционируйте кнопку абсолютом (или гридом) в правый нижний угол. Псевдоэлементом перед ней добавьте многоточие.
Фоном задайте фон блока.
Следите за тем, чтобы ширина блока была больше, чем кнопка + многоточие + симпатичное расстояние, чтобы всё это не выглядело по-уродски.
Антон Вебсайтовский, да, если это не разные страницы, т. е. нельзя прописать атрибут руками, то менять его на js.
Вообще плохо понятно зачем делать меню на details, похоже на изврат.
И Сергей прав, если хотите, чтобы отвечающие из России смотрели песочницу, переходите на codepen.
Я перестала открывать jsfiddle спрашивающих.
Но дело ваше, конечно.
