Ответы пользователя RAX7 по тегу «HTML» — Хабр Q&A

Задать вопрос

Ответы пользователя по тегу HTML

Как сделать плавную стерку на краях svg?

RAX7 @RAX7

В твоем случае можно с помощью радиального градиента
snippet
а вообще svg не умеет делать заливку градиентом вдоль контуров.

Ответ написан более трёх лет назад

2 комментария

2 комментария
Как реализовать волнистую линию у блока?

RAX7 @RAX7

snippet

Ответ написан более трёх лет назад

3 комментария

3 комментария
Как отцентрировать output (range)?

RAX7 @RAX7

snippet

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как сделать анимацию плавного движения картинки вверх вниз при скроле?

RAX7 @RAX7

ScrollMagic
snippet

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как сделать инвертированный курсор?

RAX7 @RAX7

Можешь поиграться с mix-blend-mode
или же рисовать разделение цветов курсора через линейный градиент.
snippet

Ответ написан более трёх лет назад

4 комментария

4 комментария
Как реализовать эффект (исчезающего следа) как в игре dark echo?

RAX7 @RAX7

Используй линейный градиент, примерно как здесь: https://jsfiddle.net/RAX7/m2t98cjq/

Ответ написан более трёх лет назад

5 комментариев

5 комментариев
Можно ли сделать фон таким?

RAX7 @RAX7

Псевдоэлементы + z-index
snippet

Ответ написан более трёх лет назад

3 комментария

3 комментария
Почему при нажатии на любые элементы в мобильной версии они затемняются?
RAX7 @RAX7
убери

html { -webkit-tap-highlight-color: #000000; }

Ответ написан более трёх лет назад

1 комментарий
1 комментарий
Как разместить 2 div блока ромбом, чтобы один краем перекрывал другой?

RAX7 @RAX7

snippet

Ответ написан более трёх лет назад

2 комментария

2 комментария
Как сдвинуть картинку в svg маске?
RAX7 @RAX7
что-то вроде object-fit: cover

Добавь
preserveAspectRatio="xMidYMid slice" width="100%" height="100%"
в image

Ответ написан более трёх лет назад

Комментировать
Комментировать
Можно ли как то упростить стили для рамки?

RAX7 @RAX7

https://developer.mozilla.org/en-US/docs/Web/CSS/b...
snippet

Ответ написан более трёх лет назад

5 комментариев

5 комментариев
Почему не отображается изображение после наложение на canvas?

RAX7 @RAX7

1. нужно дождаться загрузки обеих картинок и после этого уже отрисовывать их и вызывать canvas.toDataURL
2. https://developer.mozilla.org/en-US/docs/Web/HTML/...

Ответ написан более трёх лет назад

Комментировать

Комментировать
Как найти координаты повернутого объекта?

RAX7 @RAX7

Можешь матрицу трансформации сохранить и потом ее применить к координатам углов исходной картинки.
Пример на canvas
snippet
p.s. может проще все же использовать синусы и косинусы

Ответ написан более трёх лет назад

2 комментария

2 комментария
Есть ли сайты, на которых собраны множество "рецептов" по html/css?

RAX7 @RAX7

Добавлю в копилку https://freefrontend.com/
Еще может быть интересно:
https://www.smashingmagazine.com/articles/
https://www.sitepoint.com/html-css/

Ответ написан более трёх лет назад

Комментировать

Комментировать
SVG Анимация, как установить z-index?

RAX7 @RAX7

В svg нет z-index, как и многих других свойств, потому что это css свойства. Элементы рисуюся в том порядке, в котором они находятся в DOM.
Как сделать тень смотри тут:
https://developer.mozilla.org/en-US/docs/Web/SVG/E...
https://www.w3schools.com/graphics/svg_feoffset.asp
snippet

Ответ написан более трёх лет назад

Комментировать

Комментировать
Конвертировать SVG в canvas, с поддержкой mix-blend-mode?

RAX7 @RAX7

snippet

Ответ написан более трёх лет назад

14 комментариев

14 комментариев
Как сверстать подобный таймлайн с заполнением при скроле?

RAX7 @RAX7

snippet

Ответ написан более трёх лет назад

4 комментария

4 комментария
Плагин для копирования классов в sass по БЭМ?

RAX7 @RAX7

Галочку в настройках убери и будет тебе sass

Ответ написан более трёх лет назад

1 комментарий

1 комментарий
Circle to Path converted svg?

RAX7 @RAX7

В иллюстраторе можно просто разомкнуть контур окружности перед экспортом/копированием

Ответ написан более трёх лет назад

3 комментария

3 комментария
Как рисовать с помощью canvas в круге?

RAX7 @RAX7

В HTML атрибутах размер канваса поправь
<canvas id="sig-canvas" width="620" height="160">

Ответ написан более трёх лет назад

2 комментария

2 комментария

Самые активные сегодня

VoidVolker
- 6 ответов
- 0 вопросов
PASHAHAHAHAHAHA
- 4 ответа
- 1 вопрос
Aragorn
- 4 ответа
- 0 вопросов
alexalexes
- 3 ответа
- 0 вопросов
Sergey Ryzhkin
- 2 ответа
- 1 вопрос
pindschik
- 3 ответа
- 0 вопросов