Bymas | В место графики чистый css, кто попробует?

Топ дня:

KORUP

На сайте используется в ссылках на прямую спрайт фона

Изображение

------

88635_Screenshot_20241206030712.png (529.6 Kb)
Скачиваний: 93

Пробую реализовать похожие но без графики

css

.mlink {

background: linear-gradient(#070B17 0%, #151E35 97%, #454E6A 100;

box-shadow: 2px 2px 5px rgba(69, 78, 106, 0.5);

border: 1px solid #454E6A;

border-radius: 7px;

font-size: 16px;

font-weight: bold;

margin:2px 5px;

padding: 15px;

display: block;

color:#92ace4;

}

выходит стремно

Изображение

------

88636_Screenshot_20241206152312.png (61.4 Kb)
Скачиваний: 89

Варианты есть?

Есть.
https://cssgradient.io/

Something , чуть чуть не то) задумка была задать тот же эффект но без background-image т.е то же закругление, тот же эффект переливов)

868083213 (6 дек 2024, в 14:04)

Something , чуть чуть не то) задумка была задать тот же эффект но без background-image т.е то же закругление, тот же эффект переливов)

Тогда наверно только еще один div-обертка для каждой ссылки. Хотя с этими градиентами лучше не увлекаться, из-за них может браузер лагать при скроллинге)

А шо за игрушка ?

868083213 , пиши в телегу @maximus_belaz

868083213 , padding отступ такой большой? Смени цвет bordera

868083213 (6 дек 2024, в 13:23)
На сайте используется в ссылках на прямую спрайт фона

Или используй этот спрайт как див