Well, turns out this solution works like a charm, so let’s take a close look at it! My second thought was to use a circle() clipping path. The first thought was that this should be doable with border-radius, right? Well, no! The thing with border-radius is that it creates an elliptical corner whose ends are tangent to the edges it joins.

Naturally, I started to think what would the most efficient way of doing it with CSS be. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right.

.8.10 By the end of the year, read and comprehend literature, including stories, dramas, and poems, at the high end of grades 6–8 text complexity band independently and proficiently.I recently came across an interesting sliced disc design.

.8.9 Analyze how a modern work of fiction draws on themes, patterns of events, or character types from myths, traditional stories, or religious works such as the Bible, including describing how the material is rendered new.

.8.7 Analyze the extent to which a filmed or live production of a story or drama stays faithful to or departs from the text or script, evaluating the choices made by the director or actors.

.8.6 Analyze how differences in the points of view of the characters and the audience or reader (e.g., created through the use of dramatic irony) create such effects as suspense or humor.

.8.5 Compare and contrast the structure of two or more texts and analyze how the differing structure of each text contributes to its meaning and style.

.8.4 Determine the meaning of words and phrases as they are used in a text, including figurative and connotative meanings analyze the impact of specific word choices on meaning and tone, including analogies or allusions to other texts.

.8.3 Analyze how particular lines of dialogue or incidents in a story or drama propel the action, reveal aspects of a character, or provoke a decision.

.8.2 Determine a theme or central idea of a text and analyze its development over the course of the text, including its relationship to the characters, setting, and plot provide an objective summary of the text.

.8.1 Cite the textual evidence that most strongly supports an analysis of what the text says explicitly as well as inferences drawn from the text.

.8.10 By the end of the year, read and comprehend literary nonfiction at the high end of the grades 6–8 text complexity band independently and proficiently.

Range of Reading and Level of Text Complexity

.8.9 Analyze a case in which two or more texts provide conflicting information on the same topic and identify where the texts disagree on matters of fact or interpretation.

.8.8 Delineate and evaluate the argument and specific claims in a text, assessing whether the reasoning is sound and the evidence is relevant and sufficient recognize when irrelevant evidence is introduced.

.8.7 Evaluate the advantages and disadvantages of using different mediums (e.g., print or digital text, video, multimedia) to present a particular topic or idea..8.6 Determine an author’s point of view or purpose in a text and analyze how the author acknowledges and responds to conflicting evidence or viewpoints..8.5 Analyze in detail the structure of a specific paragraph in a text, including the role of particular sentences in developing and refining a key concept..8.4 Determine the meaning of words and phrases as they are used in a text, including figurative, connotative, and technical meanings analyze the impact of specific word choices on meaning and tone, including analogies or allusions to other texts..8.3 Analyze how a text makes connections among and distinctions between individuals, ideas, or events (e.g., through comparisons, analogies, or categories)..8.2 Determine a central idea of a text and analyze its development over the course of the text, including its relationship to supporting ideas provide an objective summary of the text.

Slice it ccss