Создать графику с помощью CSS
Управляя различными селекторами и свойствами, вы можете создавать интересные фигуры. Один из самых простых способов - полумесяц. Для этой задачи вам нужно работать с свойством box-shadow которое задает тень элемента, а также свойство border-radius которое контролирует округлость углов элемента. Вы создадите круглый прозрачный объект с хрустящей тень, слегка смещенной в сторону - тень на самом деле будет формой луны, которую вы видите. Чтобы создать круглый объект, свойство border-radius должно быть установлено равным 50%. Вы можете вспомнить более раннюю задачу о том, что свойство box-shadow принимает значения для offset-x , offset-y , blur-radius , spread-radius и значение цвета в этом порядке. Значения blur-radius spread-radius необязательны.
Манипулируйте квадратный элемент в редакторе, чтобы создать форму луны. Сначала измените background-color на прозрачный, затем установите для свойства border-radius значение 50%, чтобы сделать круглую форму. Наконец, измените свойство box-shadow чтобы установить offset-x в 25px, offset-y до 10px, blur-radius до 0, spread-radius до 0 и цвет в синий.