Помогите сделать градиент CSS

194
10 сентября 2021, 19:50

Помогите, пожалуйста, сделать вот такой градиент на CSS.

Answer 1

Это повторение вот такого шаблона:

Такой можно собрать при помощи css переменных и radial-gradient:

body { 
  --c1: lightgray; 
  --c2: white; 
   
  --pattern:  
          var(--c2) 0px,  var(--c2) 4px, 
          var(--c1) 5px,  var(--c1) 14px, 
          var(--c2) 15px, var(--c2) 19px, 
          var(--c1) 20px, var(--c1) 29px, 
          var(--c2) 30px, var(--c2) 34px, 
          var(--c1) 35px, var(--c1) 44px, 
          var(--c2) 45px, var(--c2) 49px, 
          transparent 50px, transparent 100%; 
           
  background:  
        radial-gradient(circle at 50px  75px, var(--pattern)),  
        radial-gradient(circle at 0px   50px, var(--pattern)), 
        radial-gradient(circle at 100px 50px, var(--pattern)), 
        radial-gradient(circle at 50px  25px, var(--pattern)); 
         
  background-size: 100px 50px 
}

READ ALSO
Не работают стили css

Не работают стили css

Всем привет, столкнулся с очень простой , но с проблемой которая меня уже мучает уже месяц , а то и больше

235
Раскрывающиеся элементы списка RecyclerView в Xamarin.Android

Раскрывающиеся элементы списка RecyclerView в Xamarin.Android

Надеюсь вопрос не слишком сложно написан :D

116
Как перебрать все комбинации формулы?

Как перебрать все комбинации формулы?

Необходмио перечислить все возможные формулы произвольного размера, используются цифры 0, 1, 2, переменная x иоперации -, +, *, а также скобкиРазмер...

449
Зубчатые массивы и LINQ

Зубчатые массивы и LINQ

Задание: В каждой нечетной строке ступенчатой матрице найти произведение элементовВыбрать отрицательные и посчитать их количество, если...

402