5. Pseudo-elements for Style
Pseudo-‐elements
(::before
&
::a4er)
aren’t
just
for
genera9ng
text.
These
extra
wrappers,
uneven
shadows,
double
bordered
buBons,
digital
9mer
halves
and
gradient
overlays
are
created
with
pseudo-‐elements.
6. Beyond simple rounded corners
Complete circle:
Width
and
height
are
equal
Radius
equals
half
of
width/height
If
padding
is
used—add
full
padding
Use
em
units
if
circle
contains
text
.reminder
{
height:
9em;
width:
9em;
padding:
2em;
-‐webkit-‐border-‐radius:
6.5em;
-‐moz-‐border-‐radius:
6.5em
-‐border-‐radius:
6.5em;
}