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

Топ дня:

OZZY

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

Изображение

------

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

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

.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)
Скачиваний: 32

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

Есть.
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)
На сайте используется в ссылках на прямую спрайт фона

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