KA
Но если найдешь статью, в которой говорится обратное - буду рад прочитать)
Size: a a a
2018 December 16
ДА
Точно была статья на инглише
ДА
Ладно, поищу
ДА
Я в курсе, сейчас одной картнкой втавлено )
AJ
Всем привет. Кто может напомнить, как делается такой бордер у блока, чтобы с одной стороны он подныривал под картинку, а с другой был над ней?
Если фон прозрачный у картинки, то часть рамки над картинкой спозицинировать, часть - под
ДА
Если фон прозрачный у картинки, то часть рамки над картинкой спозицинировать, часть - под
Геморно, есть проще решение )
AJ
ЧТооо?
AJ
before, after и 2 свойства. Что мжет быть проще
AJ
top и right рамка сверху картинки, left и bottom рамка снизу
AJ
Вот пример. Порядок слоев снизу вверх от 1 к 3. Но сработает если фон у картинки прозрачный
AJ
VF
извините, но зачем?
VF
в данном случае png с встроенным кольцом наиболее логично выглядит
VF
какую функциональную роль несет это кольцо что бы отделять его от дельфина?
AJ
Ну там у него чувак нарисован. Я так понимаю он может быть другим, или их несколько разных. А картинка может из админки вставляться. Не фотошопить ведь каждую картинку
VF
Ну там у него чувак нарисован. Я так понимаю он может быть другим, или их несколько разных. А картинка может из админки вставляться. Не фотошопить ведь каждую картинку
в том случае так же нужно бордер с картинкой т.к. любую фотку так или иначе надо обрабатывать перед тем как нести на сайт, а встроить тот бордер может даже не дизайнер
AJ
Ну в принципе, да. Тень на кнопке тоже можно в картинке сделать ))
VF
Ну в принципе, да. Тень на кнопке тоже можно в картинке сделать ))
))не надо утрировать
AJ
Ок. Цвет бордера, размеры, позция, может быть реакция на Ховер, четкость на ретине
AJ
Если встроить в картинку, то всего этого не будет. А в принципе тут не сложное решение