Как сделать тройную рамку?

Question

[fleshik]

подскажите как сделать чтоб при наведении появлялась тройная рамка (еще добавить черную обводку к уже существующим красной и серой) jsfiddle.net/ztyfkLvd

Comments

[RAX7]

https://fossheim.io/writing/posts/css-box-shadow-a...

Answer 1

[Антон Муравьев]

Смотри, когда тебе нужно добавлять >1 обводки лучше всего использовать не border и не outline, а box-shadow. Это свойство может принимать любое кол-во значений (в твоем случае всего навсего 3) исправил тебе код. Все про box-shadow можно прочитать тут. Вот отличная картинка-памятка синтаксиса

Answer 2

[Ankhena]

Множественными тенями, примерно так https://jsfiddle.net/kg6aj2n0/

Answer 3

[Natalia ivanova]

https://codepen.io/Natalia_ai_ivanova/pen/PoqyWNB
можно так.