в общем смотри, мне нужно сделать переход цвета в прозрачность на высоте к примеру 100пх, но на практике я получаю 100пх примерно того цвета и в самом конце небольшой переход в прозрачность, то есть это выглядит не плавно а как сплошная полоска

можешь вырезать именно градиент в формате pdf и отправить?

Да я имел ввиду мобилки

Или ты про них ?

А то я то пхп оказывается люблю, то 8 лет в css сижу)))0

Понял

в фотошопе растяжка равномерная

а буквы как?

какие буквы? css градиент

Да знакомый на ангуряре подобное рассказывал. Так что слышал об этом. Гляну.

Ребят, сейчас гит хаб как хостинг работает?

а буквы как?

А буквы наложением белых карниток

в фотошопе растяжка равномерная

скинь градиент в формате pdf

можешь вырезать именно градиент в формате pdf и отправить?

так а зачем, я же скинул кодепен ссылку, попробуй там слева css сделать таким же как справа изображение

какие буквы? css градиент

центральные, которые белыми с черным становятся

так а зачем, я же скинул кодепен ссылку, попробуй там слева css сделать таким же как справа изображение

на глаз? это не делается на глаз. в документе есть значения

на глаз? это не делается на глаз. в документе есть значения

если точек более чем 2

если от одного цвета в другой то какие могут быть значения

центральные, которые белыми с черным становятся

буквы вроде бы вообще картинкой выполнены

если от одного цвета в другой то какие могут быть значения

как хочешь

в макете тень которую я хочу повторить градиентом на css выполнена вообще не правильно, слой не имеет настроек все растрировано, но даже не в этом дело, я просто понял что равномерный переход на css просто так не сделать

наверное возможно добиться желаемого результата если использовать дополнительные точки, но попоболь как разв том что это не сделаешь как в фотошоп просто от одной точки к другой - эффект не идентичен

наверное возможно добиться желаемого результата если использовать дополнительные точки, но попоболь как разв том что это не сделаешь как в фотошоп просто от одной точки к другой - эффект не идентичен

в css невозможен плавный переход?

я написал что невозможен так же просто как в фш

посмотри ссылоку на кодепен

так а зачем, я же скинул кодепен ссылку, попробуй там слева css сделать таким же как справа изображение

https://codepen.io/anon/pen/PawazN

слева css, переход не равномерный

ты думаешь браузер рендерит картинки идентично css? ))

в css невозможен плавный переход?

В фотошопе, и в css разное ускорение градиента.

https://codepen.io/anon/pen/PawazN

жень ты чуть ранее писал что то про "на глаз" а сам используешь какието 8%

И даже в разных графических редакторах разное попадалос.

В фотошопе, и в css разное ускорение градиента.

во

ты думаешь браузер рендерит картинки идентично css? ))

я не думаю я возмущаюсь

Привет Create ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

чё нашёл https://habr.com/post/67831/

все нето

ладно

Некропост нашёл?

чё нашёл https://habr.com/post/67831/

2009 год?..

я не думаю я возмущаюсь

думаю у css градиента качество выше в браузере, чем у картинки

2009 год?..

да

думаю у css градиента качество выше в браузере, чем у картинки

да ради бога, как сделать переход равномерный

он и есть равномерный в css, а в картинке равномерный на 95-98% скажем )

если он равномерный то как сделать такой чтобы он не выглядел как полоса а плавно переходил в прозрачность

да ради бога, как сделать переход равномерный

ну и "равномерность" перехода это очень субъективно всегда

если он равномерный то как сделать такой чтобы он не выглядел как полоса а плавно переходил в прозрачность

в кодепене же нет полос

есть, там высота 100пх и почти на всю высоту цвет первичный

если он равномерный то как сделать такой чтобы он не выглядел как полоса а плавно переходил в прозрачность

с чего ты взял, что зрение и мозг должны воспринимать 100% равномерный градиент, как идеально равномерный -- хер там

щас приведу пример

Что там не получается то?

думаю это особенности восприятия, градиент линейный

смотрите я добавил тень на css https://codepen.io/latushko-igor/pen/qKEYgJ видите какой у нее переход равномерный в белое?

вот я при помощи градиента хочу для блока сделать такую же тень

вот я при помощи градиента хочу для блока сделать такую же тень

https://noteskeeper.ru/408/

вон чего нагуглил

вот я при помощи градиента хочу для блока сделать такую же тень

https://bluegg.co.uk/writing/making-css-gradients-smooth

И костыль на миксинах

ERROR: S client not available

смотрите я добавил тень на css https://codepen.io/latushko-igor/pen/qKEYgJ видите какой у нее переход равномерный в белое?

потому что ты не с #000 начал, поставь тени 1 opacity и посмотри

балин я исправил на черный если так нужно

И костыль на миксинах

спасибо

https://noteskeeper.ru/408/

во, это оно

спасибо

Незачто

дизайнерам только не рассказывайте, а то начнется самодеятельность

балин я исправил на черный если так нужно

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

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

уже помогли извратиться с помощью миксина специального https://bluegg.co.uk/writing/making-css-gradients-smooth , все получилось, за что еще раз огромное спасибо Shustry

уже помогли извратиться с помощью миксина специального https://bluegg.co.uk/writing/making-css-gradients-smooth , все получилось, за что еще раз огромное спасибо Shustry

Нормас)

Всем привет. Есть background .png. На него надо наложить линеный градиент, скопированный из Авокод linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%) Не могу понять правильную форму записи всего этого. Надо ли добавлять webkit? В девтулс градиент есть, но оттенок не меняется - не могу понять работает или нет...В авокоде видна разница, если отключить слой градиента. Подскажите пожалуйста что я делаю не так. Спасибо

Привет Дмитрий ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Всем привет. Есть background .png. На него надо наложить линеный градиент, скопированный из Авокод linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%) Не могу понять правильную форму записи всего этого. Надо ли добавлять webkit? В девтулс градиент есть, но оттенок не меняется - не могу понять работает или нет...В авокоде видна разница, если отключить слой градиента. Подскажите пожалуйста что я делаю не так. Спасибо

подобрал ключик)...последовательность не та была...

Привет Игорь ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Dimayu ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

кто-нибудь знает англоязычные чаты в телеге по вёрстке? или где сидят англоговорящие. если что в лс, а то в чате удаляют/банят за ссылки на другие каналы

Привет Xavier ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Аня ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Доброе утро.

В гугл формах можно сделать оплату? Например через ЯндексДеньги, Вебмани.

Привет Yurii ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет Данила ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Доброе утро. Есть ли готовые библиотеки для того, чтобы сделать красивый ползунок на Bootstrap?

https://adminlte.io/themes/AdminLTE/pages/UI/sliders.html

Что-то вроде этого

Но желательно одной строкой кода, а не обширной конструкцией