35 degree Gradient

HTML-CSS
#1

How do I code a 35 degree gradient with hex color format? I have been stuck for days

#2

For example you can use:

background: linear-gradient(35deg, #0000ff, #ffff00, #ff0000);

Starting with blue, in the middle is yellow and at the end is red.

#3

Please refer to this article
https://www.w3schools.com/css/css3_gradients.asp
there is a section specifically outlining the syntax for your question.

#4

background: linear-gradient(35deg,#ccffff,#ffcccc,); These are the parameters I am working with

#5

still fruitless :disappointed:

#6

You have an extra comma at the end.

You have:
background: linear-gradient(35deg,#ccffff,#ffcccc,);

Should be:
background: linear-gradient(35deg,#ccffff,#ffcccc);

1 Like
#7

thanks…tried it but no difference yet

#8

You can use the code like this:

background-image: linear-gradient(35deg, red, #f06d06);

Reference Tutorial: here

#9

@YusufOlaide Try using a different browser, it should be passing the test. Post your full code so we can see it if you have something else wrong. Use the button </> at the top of the comment box to format your code.

@dianaug You can’t use background-image because the challenge explicitly asks you to use the background property.

#10

Then simply use this:

background: linear-gradient(35deg, red, #f06d06);
#11

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)

#12 
<style>

  div{ 
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin: 50px auto;
    background: linear-gradient(
    35deg,
    #ccffff,
    #ffcccc
    ); 
   }
This is the full code
</style>

<div></div>
#13

Try making it just one line, like this.

background: linear-gradient(35deg, #ccffff, #ffcccc);

The new line is throwing off the test.

#14