Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 October 03

bW

be Wit in Nuxt.js — русскоговорящее сообщество
Roman
че пустой????
Темплате
     Див
        Накст
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
Народ.
такой вопрос - кто в сss шарит:
http://joxi.ru/5md14PYH81x4P2
если в бордере вот такой многоцветовой  градиент - какие есть варианты по идентификации этих всех цветовых переходов + как это все потом в сss корректно прописать для отображения?
http://joxi.ru/L215QxzH0VXGk2
пока что нашел вот такое решение в инете но оно вообще ниче визуально не меняет )
источник

PB

Pavel Bobylev in Nuxt.js — русскоговорящее сообщество
Mike Kharkov
Народ.
такой вопрос - кто в сss шарит:
http://joxi.ru/5md14PYH81x4P2
если в бордере вот такой многоцветовой  градиент - какие есть варианты по идентификации этих всех цветовых переходов + как это все потом в сss корректно прописать для отображения?
http://joxi.ru/L215QxzH0VXGk2
пока что нашел вот такое решение в инете но оно вообще ниче визуально не меняет )
а точно ли это Бордер а не какой нибудь псевдоэлемент высотой пару пикселей с background: linear-gradient?
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
Pavel Bobylev
а точно ли это Бордер а не какой нибудь псевдоэлемент высотой пару пикселей с background: linear-gradient?
точно
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js — русскоговорящее сообщество
Mike Kharkov
Народ.
такой вопрос - кто в сss шарит:
http://joxi.ru/5md14PYH81x4P2
если в бордере вот такой многоцветовой  градиент - какие есть варианты по идентификации этих всех цветовых переходов + как это все потом в сss корректно прописать для отображения?
http://joxi.ru/L215QxzH0VXGk2
пока что нашел вот такое решение в инете но оно вообще ниче визуально не меняет )
Не мучай себя сделай псевдоэлементом с бекграундом
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
Vlad 🦠 Starkovsky
Не мучай себя сделай псевдоэлементом с бекграундом
))
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
я думал может появились уже какие то сервисы куда можно картинку загнать и они выдают css решение
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
(такое которое можно быо бы использовать без бутылки)
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js — русскоговорящее сообщество
Mike Kharkov
я думал может появились уже какие то сервисы куда можно картинку загнать и они выдают css решение
Верстальщик в штате - лучший сервис
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
Vlad 🦠 Starkovsky
Верстальщик в штате - лучший сервис
я и так верстальщик )
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js — русскоговорящее сообщество
Mike Kharkov
я и так верстальщик )
🌚 именно
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
мне просто принципиально хотелось таким образом решить этот вопрос
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
хотя это решение еще не везде работает как надо - но тем не менее
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Тебе не нужен псевдоэлемент
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Сделай через background-size
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
И градиент
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Тебе не нужен псевдоэлемент
можешь какой то линк скинуть на то что ты имеешь ввиду - пока честно говоря не очень понял
источник

PB

Pavel Bobylev in Nuxt.js — русскоговорящее сообщество
в элементе где нужна полосочка с градиентом, делай нужный с помощью background: linear-gradient() center bottom no- repeat;

а background-size поставь 100% 2px;

@staslashmanov , так?

спасибо, кстати, за лайфхак.
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Так
источник

MK

Mike Kharkov in Nuxt.js — русскоговорящее сообщество
Pavel Bobylev
в элементе где нужна полосочка с градиентом, делай нужный с помощью background: linear-gradient() center bottom no- repeat;

а background-size поставь 100% 2px;

@staslashmanov , так?

спасибо, кстати, за лайфхак.
понял спасибо!
источник