Испытание: why so serious? [25/26]

klikinstall · 06.Июль.2016 17:31:47

Сто процентов не выходит. В чем ошибка?

/*
Цвета смайликов: #f4c300, #009f3d, #0085c7, #df0024
Цвета текста: rgba(255, 0, 180, 0.5), rgba(0, 168, 255, 0.5)
*/

html,
body {
min-width: 570px;
margin: 0;
font-family: “Arial”, sans-serif;
color: #000000;
}

p {
margin: 0;
padding-top: 230px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 62px;
letter-spacing: -3px;
word-spacing: 2px;
color: rgba(0, 168, 255, 0.5);
text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);
}

span {
position: absolute;
top: -40px;
left: 50%;
margin-left: -0.5em;
font-size: 200px;
line-height: 1em;
text-shadow:
-70px 80px 0 #f4c300,
70px 80px 0 #009f3d,
-140px 0 0 #0085c7,
140px 0 0 #df0024;
}

Ineska · 06.Июль.2016 17:48:33

Значения свойств должны быть кратны пяти.

REGISTOOOOOO · 21.Июль.2016 10:03:08

p {
    margin: 0;
    padding-top: 230px;
    text-align: center;
    font-weight: bold;
    text-transform:uppercase;
    color:rgba(255, 0, 180, 0.5);
    font-size:60px;
    text-shadow:-5px -5px rgba(0, 168, 255, 0.5);
    letter-spacing:-5pt;
    word-spacing:5pt;
}

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

Ineska · 21.Июль.2016 13:25:58

Используйте значения свойств в пикселях. Изучите тему, в которой задали свой вопрос. Чуть выше есть ответы на ваши вопросы.

Crah · 03.Октябрь.2016 17:19:11

p {
    margin: 0;
    padding-top: 230px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 65px;
    letter-spacing: -5px;
    word-spacing: 5px;
    color: rgba(0, 168, 255, 0.5);
    text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);
}

Cyril · 15.Ноябрь.2018 20:44:12

Задание очень лёгкое. Если лень делать или что-то не получается:
/*
Цвета смайликов: #f4c300, #009f3d, #0085c7, #df0024
Цвета текста: rgba(255, 0, 180, 0.5), rgba(0, 168, 255, 0.5)
*/

body {
position: relative;
width: 570px;
margin: 0;
color: #000000;
font-family: “Arial”, sans-serif;
}

p {
margin: 0;
padding-top: 230px;
text-align: center;
font-weight: bold;
font-size: 65px;
text-transform: uppercase;
color: rgba(0, 168, 255, 0.5);
letter-spacing: -5px;
word-spacing: 5px;
white-space: pre;
text-shadow: 5px 5px rgba(255, 0, 180, 0.5);
}

span {
position: absolute;
top: -40px;
left: 50%;
margin-left: -0.5em;
font-size: 200px;
line-height: 1em;
text-shadow:
70px 80px #009f3d,
-70px 80px #f4c300,
-140px 0px #0085c7,
140px 0px #df0024;
}

Egor2019 · 05.Июль.2019 08:38:29

Довёл до 94% , и как бы всё …
Дальше не как
body {
position: relative;
width: 570px;
margin: 0;
color: #000000;
font-family: “Arial”, sans-serif;
}

    p {
      margin: 0;
      padding-top: 230px;
      text-align: center;
      font-weight: bold;
      text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);
      font-size: 65px;
      text-transform: uppercase;
      color:rgba(0, 168, 255, 0.5);
      padding-left: 5px;
      white-space: nowrap;
      word-spacing: 5px;
      letter-spacing: -5px;
      
    }

    span {
      position: absolute;
      top: -40px; 
      left: 50%;
      margin-left: -0.5em;
      font-size: 200px;
      line-height: 1em;
      text-shadow: 140px 0px 0 #df0024, -140px 0 0 #0085c7,
      -70px 80px 0 #f4c300, 70px 80px 0 #009f3d;
    }

DmZhuravlev · 12.Декабрь.2022 17:18:11

12/12/2022 - 100%.

p {
  margin: 0;
  padding-top: 230px;
  text-align: center;
  font-weight: bold;
  color:rgba(0, 168, 255, 0.5);
  text-shadow:  5px 5px rgba(255, 0, 180, 0.5);
  font-size: 65px;
  text-transform: uppercase;
  letter-spacing: -5px;
  word-spacing: 5px;

  
  
}

span {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -0.5em;
  font-size: 200px;
  line-height: 1em;
  text-shadow:
  -70px 80px #f4c300,
  70px 80px #009f3d,
  -140px 0 #0085c7,
  140px 0 #df0024;
  
}

hellocoder · 13.Декабрь.2022 11:07:02

p {
  text-align: center;
  margin: 0;
  padding-top: 240px;
  padding-left: 10px;

  font-size: 65px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.0);

  letter-spacing: -5px;
  white-space: nowrap;
  word-spacing: 5px;

  text-shadow: 
  -5px -10px 0 rgba(0, 168, 255, 0.5),
  -0px -5px 0 rgba(255, 0, 180, 0.5);
}

span {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -0.5em;

  font-size: 200px;
  line-height: 1em;

  text-shadow: 
    -70px 80px 0 #f4c300,
    70px 80px 0 #009f3d,
    -140px 0 0 #0085c7,
    140px 0 0 #df0024;
}

renegade · 14.Февраль.2023 15:14:52

/*
  Цвета смайликов: #f4c300, #009f3d, #0085c7, #df0024
  Цвета текста: rgba(255, 0, 180, 0.5), rgba(0, 168, 255, 0.5)
*/

body {
  position: relative;
  width: 570px;
  margin: 0;
  color: #000000;
  font-family: "Arial", sans-serif;
}

p {
  margin: 0;
  padding-top: 230px;
  text-align: center;
  font-weight: bold;
  color: rgba(0, 168, 255, 0.5);
  text-transform: uppercase;
  font-size: 65px;
  text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);
  letter-spacing: -5px;
  word-spacing: 5px;
}

span {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -0.5em;
  font-size: 200px;
  line-height: 1em;
  text-shadow:
    -70px 80px 0 #f4c300,
    70px 80px 0 #009f3d,
    140px 0 0 #df0024,
    -140px 0 0 #0085c7;
}

Woody-rn · 08.Декабрь.2023 13:08:52

/*
Цвета смайликов: #f4c300, #009f3d, #0085c7, #df0024
Цвета текста: rgba(255, 0, 180, 0.5), rgba(0, 168, 255, 0.5)
*/

body {
position: relative;
width: 570px;
margin: 0;
color: #000000;
font-family: “Arial”, sans-serif;
}

p {
margin: 0;
padding-top: 230px;
text-align: center;
font-weight: bold;

color: rgba(0, 168, 255, 0.5);
text-transform: uppercase;
font-size: 65px;
letter-spacing: -5px;
word-spacing: 5px;
text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);

}

span {
position: absolute;
top: -40px;
left: 50%;
margin-left: -0.5em;
font-size: 200px;
line-height: 1em;
text-shadow:
-70px 80px 0 #f4c300,
70px 80px 0 #009f3d,
-140px 0px 0 #0085c7,
140px 0px 0 #df0024;
}