# PatternBolt buttons examples

Some experimental :hover transition made with PatternBolt, an open source design project on GitHub, visit the PatternbBolt Official Page for more info and the complete pattern library.

normal: `@include pb('lines-45-c', 5px, mediumspringgreen, mediumseagreen);` hover: `@include pb('lines-45-c', 60px, mediumspringgreen, mediumseagreen);`
normal: `@include pb('lines-45-a', 50px, mediumspringgreen, mediumseagreen, 0);` hover: `@include pb('lines-45-a', 10px, mediumspringgreen, mediumseagreen, 1);`
normal: `@include pb('lines-c', 8px, mediumspringgreen, mediumseagreen);` hover: `@include pb('lines-c', 16px, mediumseagreen, mediumspringgreen);`
normal: `@include pb('candy-a', 580px, white, mediumspringgreen);` hover: `@include pb('candy-a', 180px, mediumspringgreen, mediumseagreen);`
normal: `@include pb('feather', 80px, mediumspringgreen, mediumseagreen);` hover: `@include pb('feather', 120px, white, mediumseagreen);`