Испытание: cпутники [23/23]

[1tap]

В чём дело? Уже устал код подбирать.

Код

html,
body {
margin: 0;
padding: 0;
}

body {
width: 565px;
height: 315px;
background-image: url(“cosmos.jpg”);
background-repeat: no-repeat;
background-position: 0 0;
}

.moon {
position: absolute;
width: 140px;
height: 140px;
border-radius: 50%;
box-shadow: 0 0 5px white;
}

/*
Смешиваемые цвета для спутников

Cплошные фоны:

1. спутник - ?
   background-color: #ffdc00;

2. спутник - ?
   background-color: #dddddd;

3. спутник - ?
   background-color: #dddddd;

4. спутник - ?
   background-color: #dddddd;

5. спутник - ?
   background-color: #dddddd;

Градиенты:

6. спутник - ?
   linear-gradient(#ffdc00, #ffffff)

7. спутник - ?
   linear-gradient(
   rgba(0, 116, 217, 0.5),
   rgba(221, 221, 221, 0.75)
   )

8. спутник - ?
   linear-gradient(
   rgba(221, 221, 221, 0.5),
   rgba(221, 221, 221, 0.75)
   )

9. спутник - ?
   linear-gradient(
   rgba(255, 133, 27, 0.75),
   rgba(0, 0, 0, 0.75),
   rgba(255, 133, 27, 0.75)
   )

10. спутник - ?
    linear-gradient(
    rgba(0, 116, 217, 0.5),
    rgba(255, 133, 27, 0.25),
    rgba(0, 116, 217, 0.5)
    )

11. спутник - ?
    linear-gradient(
    rgba(0, 116, 217, 0.5),
    rgba(255, 255, 255, 0.25),
    rgba(0, 116, 217, 0.5)
    )

12. спутник - ?
    linear-gradient(
    rgba(255, 133, 27, 0.5),
    rgba(255, 220, 0, 0.25),
    rgba(255, 255, 255, 0.5)
    )

13. спутник - ?
    linear-gradient(
    to right,
    rgba(0, 116, 217, 0.5),
    rgba(255, 133, 27, 0.25),
    rgba(0, 116, 217, 0.5)
    )

14. спутник - ?
    linear-gradient(
    to right,
    rgba(0, 116, 217, 0.5),
    rgba(255, 255, 255, 0.25),
    rgba(0, 116, 217, 0.5)
    )

15. спутник - ?
    linear-gradient(
    to right,
    rgba(255, 133, 27, 0.5),
    rgba(255, 220, 0, 0.25),
    rgba(255, 255, 255, 0.5)
    )
    */

.luna {
top: 10px;
left: 10px;
background-color: #ffdc00;
background-image: linear-gradient(
rgba(221, 221, 221, 0.5),
rgba(221, 221, 221, 0.75)
);;
}

.umbriel {
top: 10px;
left: 180px;
background-color: #dddddd;
background-image: linear-gradient(
rgba(0, 116, 217, 0.5),
rgba(255, 255, 255, 0.25),
rgba(0, 116, 217, 0.5)
),
linear-gradient(
to right,
rgba(0, 116, 217, 0.5),
rgba(255, 255, 255, 0.25),
rgba(0, 116, 217, 0.5)
);;
}

.titan {
top: 10px;
left: 350px;
background-color: #dddddd;
background-image: linear-gradient(
rgba(255, 133, 27, 0.75),
rgba(0, 0, 0, 0.75),
rgba(255, 133, 27, 0.75)
);
}

.io {
top: 165px;
left: 10px;
background-color: #dddddd;
background-image: linear-gradient(
rgba(0, 116, 217, 0.5),
rgba(255, 133, 27, 0.25),
rgba(0, 116, 217, 0.5)
), linear-gradient(
to right,
rgba(0, 116, 217, 0.5),
rgba(255, 133, 27, 0.25),
rgba(0, 116, 217, 0.5)
)
}

.europa {
top: 165px;
left: 180px;
background-color: #dddddd;
background-image: linear-gradient(
rgba(255, 133, 27, 0.5),
rgba(255, 220, 0, 0.25),
rgba(255, 255, 255, 0.5)
), linear-gradient(
to right,
rgba(255, 133, 27, 0.5),
rgba(255, 220, 0, 0.25),
rgba(255, 255, 255, 0.5)
)
}

.triton {
top: 165px;
left: 350px;
background-color: #dddddd;
background-image:
linear-gradient(
rgba(0, 116, 217, 0.5),
rgba(221, 221, 221, 0.75)
),
linear-gradient(#ffdc00, #ffffff);
);
}

[sasha_sm]

Удалите фоновый цвет у .triton.

[ansiv]

Фоновый цвет удалите, и вниз добавьте серый градиент