A quick way to create powerline like effect and it’s super simple and super easy to use. Powerline.css is a CSS library to render a horizontal directional standing line that consists of a variety of objects with totally different bg colors to point hierarchy or workflow.
How to make use of it:
1. Download and cargo the stylesheet powerline.css
within the doc.
2. Add objects to the powerline.
Home Category CSSScript ~~ ...
3. Override the default colour variables.
:root{ --component-0-color: #bd93f9; --component-1-color: #8be9fd; --component-2-color: #6272a4; --component-3-color: #50fa7b; --component-4-color: #ffb86c; --component-5-color: #ff79c6; --component-6-color: yellow; --component-7-color: #ff5555; --component-8-color: #f8f8f2; --component-9-color: royalblue; }
Directional Statusline In Pure CSS, Powerline CSS Github
See Demo And Download
Official Website(vivekascoder): Click Here
This superior jQuery/javascript plugin is developed by vivekascoder. For extra Advanced Usages, please go to the official website.
Be First to Comment