Magic Boxes

Magic Boxes

CSS3 really works up some magic

The ID 'gr' is given to this box. The box then can have strips. The first linear-gradient creates the top bar. The second creates the striped lines. The stripes are set to a 45 degrees angle. Other angles don't give the straight lines. Go ahead and change the -45deg to another number. By making it positive, the direction switches to the other side. Notice that each color band starts when the other band stops. If you give a space between, the color would fade in between.