Carlos Sánchez carlos-sanchez

Head of Product at Real Madrid

carlos-sanchez / keyframes-prefixes.css

Created November 12, 2013 16:10

Keyframes AnimationPrefixes

	@-webkit-keyframes NAME-YOUR-ANIMATION {
	0% { opacity: 0; }
	100% { opacity: 1; }
	}
	@-moz-keyframes NAME-YOUR-ANIMATION {
	0% { opacity: 0; }
	100% { opacity: 1; }
	}
	@-o-keyframes NAME-YOUR-ANIMATION {
	0% { opacity: 0; }

carlos-sanchez / modal-outline.css

Created November 12, 2013 03:17

CSS Modal using big outline


	.modal {
	/* some styles to position the modal at the center of the page */
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	line-height: 200px;
	height: 200px;
	margin-left: -150px;