A
Приветствую, у меня задачка со звездочкой. По умолчанию планета должна быть тусклой, нужно сделать, чтоб она раскрашивалась маской при наведении (раскрашивается та область, на которую навел курсором пользователь). Как это все можно реализовать?
Size: a a a
2021 June 03
A
А какая часть этой задачи для вас непонятней всего?
A
Знания CSS у меня относительно небольшие, с такими задачами еще не сталкивался. Так что непонятно в комплексе, как реализовать саму маску, которая как я понимаю двигается за курсором, как соединить 2 слоя (цветная планета и тусклая)
A
А, т.е. технически непонятно. Я бы искал в интернете пример, подобный вашему, чтобы увидеть как оно реализовано там, а потом сделать по-аналогии. Искать что-то типа такого запроса в гугле "html hover area" или типа того
A
Если же область передвигается за курсором, то скорей всего придется привлечь и js для этого.
A
Еще идея - поскольку уж очень специфичное решение, возможно ваш дизайнер вдохновился уже чем-то готовым, что он сам увидел на каком-то сайте. Спросите его, может он даст ссылку и тогда надо будет просто глянуть, как там уже сделано.
A
Такие вещи обычно друг у друга тырят на основе какой-то идеи, которую придумал кто-то и запостил где-то в статье на своем блоге.
HT
Это не тырят
A
Окрашивается зона вокруг точек (зеленые) или прям под курсором в любой области планеты?
A
Буду пробовать, спасибо)
A
Прям под курсором, в любой области 😬
A
Тебе в чат js в таком случае. Ксс меньшая из проблем
A
Да и смотрел бы я не в сторону масок, а фильтр. Filter overlay
FR
приветствую, как это называется? скиньте пример реализации
ПК
Пагинация, примеры в гугле найдешь на нужном тебе языке и с визуалами
VS
Приветы, подскажите как правильно решит задачу. Надо чтоб див с красным бекграундом прилип к краям вьюпорта, Позиционируется он относительно инпута
НЧ
можно дать ему position fixed и сделать left 0, right 0
НЧ
но при скроле останется на месте
VS
нет) Фиксед не годится