Современные тренды нередко приходится подхватывать всем владельцам веб-сайтов, ведь прогрессивный веб-портал должен соответствовать современным нормам, демонстрируя серьезный подход. Что ж, одним из таких трендов стали круглые аватарки и изображения. Как бы там ни было, давайте посмотрим, что нужно сделать для того, чтобы аватарки стали круглыми. Для начала переходим в style.css и вносим следующие изменения: .avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;...

Источник: WebForMyself.com Некоторое время назад я изучал домашнюю страницу facebook.com, чтобы узнать и разобраться, как она построена. Мне всегда любопытно посмотреть, как люди пишут CSS. Я заметил очень и очень интересное значение border-radius для карточного компонента в основной ленте. И поделился следующим твитом об этом открытии. Затем, я получил такой ответ от Мириам Сюзанн: всегда ли это 8 пикселей? Для меня эта математика выглядит как переключатель, где в определенный момент ((100vw...