מישהי ביקשה גרדיאנט שיהיה קצת שונה מהמקובל, שיהיה צבע אמצעי ומסביבו כמה צבעים אחרים. אז אלופה אחת בשם חני קוסטליץ הביאה לה קוד ואני מביאה אותו לכם. אתם יכולים לשחק קצת עם הערכים.
הקוד הוא כרגע לבודי, לכל העמוד אבל אפשר כמובן עם selector להגדיר אותו רק לעמודה ספציפית.

body{
  height: 100vh;
  width: 100vw;
  background: red;
  margin: 0;
  box-shadow: 20vw 0 20vw yellow inset, 
    0 -20vh 20vh blue inset,
    -20vw 0 20vw orange inset,
    0 20vh 20vw green inset;
}Code language: CSS (css)