Как сделать заливку в окружности на одну четвертую части снизу?

Question

[Yura_Mart]

Здравствуйте, вопрос в теме.
Как сделать такую фигуру и чтобы эта заливка была полу прозрачной?

Answer 1

[Andrej Sharapov]

так?

Comments

[Yura_Mart]

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

[Andrej Sharapov]

RetardedDeveloper, вы поставьте фон, увидите прозрачность.

[Yura_Mart]

а точно, всё как надо, спасибо вам!

[lamer350]

RetardedDeveloper, только все же заливка на 1/5 в примере ;)

[Rustam Bainazarov]

RetardedDeveloper, если будет нужно менять плавно и производительно значение заливки, ставить фон на заливку, то тогда блоком надо делать (можно псевдоэлементом) + просто управлять степенью заливки с помощью JS:



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

Answer 2

[Олег]

gradient