Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 February 27

ZS

Znacovean Simion in HTML/CSS — русскоговорящее сообщество
Anatoliy Kernokus
это помогло. спасибо большое
🥂
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Ребят, как сверстать этот блок натолкните на мысль пожалуйста.
Помогите мне пожалуйста)
источник

AS

Alexey Sindyashkin in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Ребят, как сверстать этот блок натолкните на мысль пожалуйста.
flex ? table ?
источник

A

Alibek in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Ребят, как сверстать этот блок натолкните на мысль пожалуйста.
А в чем именно проблема?
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Смотрите, что если дать border-right каждому второму элементу и border-bottom всем кроме двух последних?
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Помогите мне пожалуйста)
Поиграйся с flex'ом, width в процентах, nth-child и бордером. Может подтолкнул на мысль
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Смотрите, что если дать border-right каждому второму элементу и border-bottom всем кроме двух последних?
Дать нужные padding
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Николай Коржиков
Дать нужные padding
Лучше width
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Так то я правильно понял идею реалиазации?
источник

A

Alexander in HTML/CSS — русскоговорящее сообщество
Можно ли какие-то параметры вписать, чтоб указать цвет при наведении на svg? Без создания стилей
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
Alexander
Можно ли какие-то параметры вписать, чтоб указать цвет при наведении на svg? Без создания стилей
Да, при ховере обращайся к fill
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
Вообще без стилей хз как
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Alexander
Можно ли какие-то параметры вписать, чтоб указать цвет при наведении на svg? Без создания стилей
Без стилей можешь на js только сделать. А так, только со стилями
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Alexander
Можно ли какие-то параметры вписать, чтоб указать цвет при наведении на svg? Без создания стилей
JavaScript
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
Делаешь addEventListener с событием mouseover вроде к элементу где делаешь функцию которая будет изменять атрибут
источник

НК

Николай Коржиков... in HTML/CSS — русскоговорящее сообщество
И при mouseout делаешь другой цвет вроде так можно
источник

M

Mihail in HTML/CSS — русскоговорящее сообщество
Ребят, сорри, небольшой оффтоп. Не знаю, как решить проблему. Юзаю Sync Tab Groups на Mozilla Firefox. Я вообще хз что произошло, может обновление какое-то странное прилетело на винду, но короче у меня удалилась основная группа вкладок, которая мной использовалась обычно там. И что самое стремное, чекаю бекапы, которые есть в этой проге — там тоже почему-то моя группа вкладок удалилась.

Итого вопрос — можно ли как-то восстановить состояние Firefox на какое-то число? Или возможно есть какие-то еще варианты? До разработчиков пока достучишься, то и бекапы внутри этой проги поудаляются.
источник

RY

Roman Yaremenko in HTML/CSS — русскоговорящее сообщество
попробуй переустановить мозилу и засихрониться заново
источник

RY

Roman Yaremenko in HTML/CSS — русскоговорящее сообщество
(не факт что поможет) но я бы так сделал бы
источник

ZS

Znacovean Simion in HTML/CSS — русскоговорящее сообщество
Есть градиент
linear-gradient(-90deg, #FEE500 3.65%, #FEE500 3.66%, #65B911 51.26%, #71FF4E 98.64%)

Задача сделать анимацию на инверсирование при наведении
есть возможность это сделать нативно в css через анимацию свойства background-size + background-position
У нас горизонтальный градиент
Устанавливаем
background-size: 200% 100%;

Градиент растягивается на все 200%
и мы вместо всей части видим только половину
Для того чтоб видить всё мы должны составить градиент так чтоб его цвета и процентаж были "зеркальными"

Пример с простым градиентом без процентов
linear-gradient(90deg, red, blue)
становится
linear-gradient(90deg, red, blue, red)

Вопрос: как в случае с наличием процентов сделать эту процедуру?
источник