Skip to content

Instantly share code, notes, and snippets.

@curiositry
Created August 28, 2013 18:47
Show Gist options
  • Save curiositry/6369739 to your computer and use it in GitHub Desktop.
Save curiositry/6369739 to your computer and use it in GitHub Desktop.
A neat gradient line snippet. Dependent on flexbox_functions.php. You could use the straight flexbox code or some other alignment system.
.gradient_line{
<?php flexbox::align_items_center(); ?>
height: 1px;
background: black;
width: 100%;
background: -webkit-gradient(linear, 100% 100%, 0 0, from(white), to(white), color-stop(50%, black));
background: -moz-linear-gradient(left, #FFF 0%, #444 50%, #fff 100%);
background: -o-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
clear:all;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment