Create a graphic with CSS problem - box shadow not showing up

HTML-CSS
1

Tell us what’s happening:

Am I missing something? No box shadow shows up. I compared to another resource online and it looks passing in the arguments to box-shadow is straightforward and in the order that the FCC exercise suggests (offset-x, offset-y, blur, spread, color).

Your code so far



<style>
.center
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 25px, 10px, 0, 0, blue;
}

</style>
<div class="center"></div>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36.

Link to the challenge:

2

In css different value are separeted by spaces, not comas. You use comas when you have to assign values to different object.

Try like this :

box-shadow: 25px 10px blue

you don’t need to put the zeros for box shadow if you define a shadow

1 Like