The Elliptical Bend

Medium+35 XP

Mission Briefing

Sometimes a circle is too symmetrical. Flatten the curves using the elliptical slash syntax.

The Concept: Slash Syntax

border-radius: horizontal / vertical; creates elliptical corners.

The Objective

  1. Target the .spark-character.
  2. Set border-radius to 50px / 20px.

Constraints

    cssshapes
    Live Visual Output
    style.css
    Loading...