23/23 Испытание спутники 100%

Crah · 02.Октябрь.2016 17:19:20

Вдруг кому пригодится

.luna {
    top: 10px;
    left: 10px;
    background-image: 
        linear-gradient(
            rgba(221, 221, 221, 0.5),
            rgba(221, 221, 221, 0.75)
        );
    background-color: #ffdc00;
}
.umbriel {
    top: 10px;
    left: 180px;
    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)
        );
    background-color: #dddddd;
}
.titan {
    top: 10px;
    left: 350px;
    background-image: 
        linear-gradient(
            rgba(255, 133, 27, 0.75),
            rgba(0, 0, 0, 0.75),
            rgba(255, 133, 27, 0.75)
        );
    background-color: #dddddd;
}
.io {
    top: 165px;
    left: 10px;
    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)
        );
    background-color: #dddddd;
}
.europa {
    top: 165px;
    left: 180px;    
    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)
        );
    background-color: #dddddd;  
}
.triton {
    top: 165px;
    left: 350px;
    background-image: 
        linear-gradient(
            rgba(0, 116, 217, 0.5),
            rgba(221, 221, 221, 0.75)
        ),
        linear-gradient(#ffdc00, #ffffff);
    background-color: none;
}

Dmitry_Dubchenko · 21.Январь.2017 18:23:59

норм, у меня в двух местах отличалось, потому и 96%. особенно на последнем спутнике неожиданно цвет фона отсутсвует

andrewshevtsov · 09.Июнь.2018 10:55:59

Набрал 97 процентов, подсмотрел 4-й и 6-й элемент. Действительно неожиданно. В 6-м отсутствие фона, в 4-м направление первого градиента.

VertiGo · 19.Март.2019 17:53:31

Спасибо, даже делать не стал, конченое задание.

Maksim75 · 22.Март.2020 06:55:01

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;
}

.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: #ddd;
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: #ddd;
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: #ddd;
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-image:
linear-gradient(
rgba(0, 116, 217, 0.5),
rgba(221, 221, 221, 0.75)
),
linear-gradient(#ffdc00, #ffffff);
}

Sonia · 04.Апрель.2020 17:48:26

Спасибо. Судя по Вашему 100% коду, я просто задание неправильно поняла)))

ShadowR · 09.Май.2020 12:22:30

Друзья, скажите, в чем смысл этого задания? Здесь учимся наугад подгонять или цель - выучить наизусть цвета в коде?

Pavel_Kruglik · 17.Декабрь.2020 17:38:07

Я извиняюсь, конечно, но такое ощущение, что постоянно скриптами тормозится выполнение заданий. Делаешь все один-в-один: то там что-то не так, то вообще ничего не показывает. Потом вырежешь, перезагрузишь страницу, вставишь - и уже 100 %.
Может, я , конечно, конспиролог и просто неуч.

вот что это значит?

KatyYa · 19.Март.2021 14:48:09

В первом скриншоте между linear-gradient и скобкой стоит пробел, из-за него и ошибку выдало

frutay · 05.Апрель.2021 19:42:05

Вы просто потеряли вторую(закрывающую грандиент) скобку при копировании, посмотрите внимательно.

YanaRose · 11.Июнь.2021 19:20:29

у меня все настолько странно, что даже не получается просто залить спутник цветом. Что не так то?

Tatiana_Sysueva · 15.Июнь.2021 13:30:50

Обратите, пожалуйста, внимание на код, который находится после закомментированного блока. Он перезаписывает значения свойств, которые задаёте вы. В том числе и background-color.

tema96 · 25.Ноябрь.2021 08:00:51

100%
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;
}

.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: transparent;
background-image:linear-gradient(
rgba(0, 116, 217, 0.5),
rgba(221, 221, 221, 0.75)
),
linear-gradient(#ffdc00, #ffffff);
}

Chilly_Willy · 20.Апрель.2022 12:42:31

Указан порядковый номер, а не номер градиента!

luna - 8, bgc - ffdc00;
umbrel - 11, 14
titan - 9
io - 10, 13
europa - 12, 15
triton - 7, 6, bgc - transparent

renegade · 14.Февраль.2023 10:55:44

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;
}

.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: transparent;
  background-image:
  linear-gradient(
    rgba(0, 116, 217, 0.5),
    rgba(221, 221, 221, 0.75)
  ),
  linear-gradient(#ffdc00, #ffffff);
}