Как сделать так, чтобы прозрачное изображение оставалось на фоне? - PullRequest
0 голосов
/ 19 июня 2020

Я пытаюсь сделать так, чтобы «капля» ( вы знаете, эти модные декоративные штучки ) приклеивалась к нижнему правому углу моего фона / кода. Глупый, я выбрал дизайн перед тем, как опробовать конструктор блобов css, поэтому он должен быть именно таким. Проблема в том, что он обрывается при уменьшении масштаба, и вы можете видеть, где он останавливается - я хотел, чтобы он хорошо смотрелся на большинстве разрешений экрана при увеличении или уменьшении масштаба. Я не уверен, как go об этом.

Я пробовал сделать из него свой собственный SVG через фотошоп, но этим довольно сложно манипулировать, не говоря уже о том, что он просто дает мне этот гигантский код, который Я просто не вижу на других svg 'blobs'. Я пробовал использовать его в качестве фона для покрытия, и я пробовал использовать его как собственный div. Кажется, ничего не работает, я почти уверен, что делаю это неправильно ...

В общем, вот некоторые визуальные эффекты: это желаемое изображение,

enter image description here

кажется достаточно простым, но затем я уменьшаю масштаб и:

enter image description here

Да, мне в основном это нужно, чтобы не отрезать вот так, что вы, ребята, рекомендуете? Что бы вы сделали?

...