Seth Broweleit getsetbro

[ Launch: test ] 48a39ea4b3cf1349c6b6 by getsetbro[ Launch: test ] 4653053 by enjalot[ Launch: test ] 4652017 by enjalot[ Launch: test ] 4582399 by enjalot

[ Launch: progress ] afab4f87c4a781a1d6c3 by getsetbro[ Launch: test ] 48a39ea4b3cf1349c6b6 by getsetbro[ Launch: test ] 4653053 by enjalot[ Launch: test ] 4652017 by enjalot[ Launch: test ] 4582399 by enjalot

Animated highlighted text

This pen was inspired by webdesignerdepot's new design, the title on each article will be highlighted when user hovered it.

The idea is simple, it make used of linear gradient and transition.

We set the title to be inline element (This will break every background when the title breaked into lines)
Apply linear-gradient background, with half transparent-color, and highlighted color on the other half. then make it 200% size.
Change the background-position-x to -100%, it will push the highligted color 100% to the right.
Apply transition property to get the nice sliding effect.

[ Launch: pieChart ] 10f0ae9fd64038025dad by getsetbro[ Launch: test ] 4653053 by enjalot[ Launch: test ] 4652017 by enjalot[ Launch: test ] 4582399 by enjalot

[ Launch: pieChart ] faaa12e82ada86cdb2c5 by getsetbro[ Launch: pieChart ] 10f0ae9fd64038025dad by getsetbro[ Launch: test ] 4653053 by enjalot[ Launch: test ] 4652017 by enjalot[ Launch: test ] 4582399 by enjalot

	The very first CSS frameworks were: YUI, and Blueprint.
	http://yuilibrary.com
	http://blueprintcss.org

	http://960.gs/

	Twitter bootstrap grid was based on 960.gs
	http://getbootstrap.com

	Bootstrap competition

	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	body{
	margin:0
	}

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Component with the SuitCSS conventions</title>
	<meta name="description" content="demo of a component using conventions of SuitCSS for component-based dev">
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
	<style id="jsbin-css">
	/* base */
	button{