Repeating Radial Gradient
CSS effects
EXP:
120

Repeating Radial Gradient

Unleash Your Creativity! , Craft a CSS gradient blending colors seamlessly, exploring various styles for a striking, professional web aesthetic .

Welcome, developers! Your task is to create CSS gradient . Focus on using CSS to blend colors smoothly, experimenting with various gradients. Aim for an eye-catching and professional look that enhances user experience.


Task for students

  • Must to have
    • The div with class 'repeating-radial-gradient' should have its color starting from cyan to navy repeatedly center to outward with a padding of 10px on both cyan and navy circular stripes.

UI reference
  • Use the given provided code and try to mirror the UI.
  • hello world

Evaluation
  • After submission, your solution will be evaluated automatically based on the tasks defined above.
  • Upon successful completion of all the tasks/requirements, you will get a full score, and there will not be any partial scoring.
  • You can work on your failed test cases & resubmit your solution.
  • Your problem will get evaluated instantly.

Do’s & don’t
  • Use the given code structure in editor and do not make any changes.
  • Do not modify existing classes or tags.
  • Focus on correct HTML structure and class names.

Query & feedback
  • In case of any query/feedback on this project, please fill this form & we will soon get in touch with you to resolve.

Best of luck, developers!