Расположение рисованных кругов CSS
506
24 ноября 2016, 10:18
Есть стиль, выглядит так, нужно сделать, чтобы круги располагались в шахматном порядке, как на картинке. Нужно замостить так весь бэкграунд.
<style>
body{
background: radial-gradient(circle, #ff72f7 40%, rgba(255,114,247,0) 40%) 100px 100px;
background-color:white; background-size:250px 250px;
}
</style>Answer 1
body {
background: radial-gradient(circle, #ff72f7 30%, rgba(255,114,247,0) 30%), radial-gradient(circle, #ff72f7 30%, rgba(255,114,247,0) 30%) 125px 125px;
background-color:white;
background-size: 250px 250px;
}Для размещения в шахматном порядке размер для background = background-size/2
-
17:06
-
19:12
-
21:12
Оборудование для ресторана: новинки профессиональной кухонной техники
-
22:17
-
22:13
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
-
20:12
-
20:06
-
19:59
-
19:51
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 48159 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30588 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 24102 visits
- Как через css изменить цвет png изображения? 10431 visits
- Blob video url download 10020 visits
- Php curl запрос через прокси с авторизацией 9302 visits
- Работа с captcha vk api 8163 visits
© "hostciti.net" 28.4.2025 | 19:14