jordangray

h1 span {
	display: block;
}

jordangray

/**
 * Move in a circle without wrapper elements
 * Idea by Aryeh Gregor, simplified by Lea Verou
 */

@keyframes rot {
	from {
		transform: rotate(0deg)
		           translate(-150px)
		           rotate(0deg);

jordangray

/**
 * Messing about with keyframe animation
 */

@keyframes rot {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);

jordangray

/**
 * Messing about with keyframe animation
 */

@keyframes rot {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);

jordangray

/**
 * Messing about with keyframe animation
 */

@keyframes rot {
	0% {
		opacity: 0;
		transform: rotate(0deg);
	}

jordangray

/**
 * Glowing circle
 */

body {
	background: #047;
}

div {
	float: left;

jordangray

<!ELEMENT foo (#PCDATA)>
<!ELEMENT bar (#PCDATA)>

jordangray

/**
 * Glowing circle
 */

body {
	background: #047;
}

div {

jordangray

/**
 * Structure
 */

body {
	background: #047;
	perspective: 1000;
}

jordangray

/**
 * Triangular prisms with pseudo-elements and transforms
 **/

body {
	background: #fff;
}

#origin {
	transform-style: preserve-3d;