Комментарий #8935261

ReDiskInA
в топике Авторы
Предлагаю конкретный цвет - #d09156. Цвет "розового золота" (оттенок меди).
И для символа, и для рамки.
Тест рамки
Проще поменять символ галочки на символ короны, чем лепить изображение сверху.
код
Меняем символ и цвет рамки.
<div class="gained">👑</div>
<div class="border" style="border-color: #d09156"></div>
Убираем обводку, меняем цвет символа и увеличиваем его.
.b-achievement .gained {
    background: #fff0; 
    border: 2px solid #fff0;
    color: #d09156;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    width: 50px;
}
Ещё классы нужно новые создать - gained-crown и border-crown.
Ответы
World_Houp
World_Houp#
@ReDiskInA, как по мне, цвет грязноват и не похож на золото.
Попыталась ткнуть пипеткой в картинки из гугла:
/assets/achievements/anime/author/makoto_shinkai.jpg&image_border=@F0C200
/assets/achievements/anime/author/makoto_shinkai.jpg&image_border=@D8A50D
/assets/achievements/anime/author/makoto_shinkai.jpg&image_border=@F0BF89
/assets/achievements/anime/author/makoto_shinkai.jpg&image_border=@F7E372
Что-то они все получаются не очень. Всё-таки притягательный золотой, где понятно, что изображено золото, достигается за счет света и тени :ooph:


Размышления вслух: если рамку не сделать толще/анимированной, то она будет воспринята как просто любая другая рамка рандомного цвета.
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть