get CSS/PNG from this free button generator with gradient, shadow and loading icons
TL;DR - Get PNG if you want to support older browsers like IE <= 10.
This generator helps you customize complex CSS in minutes such as gradient and shadowing. it's built upon modern web technologies lik flexbox and css animation, and the generated css for buttons also uses advanced css attributes like box-shadow
and text-shadow
, border-radius
and css animation
. Older browsers, such IE <= 9, will not be able to use this.
Here is a reference table for styles used and their browser compatibilty:
CSS Transition | 11+ | ||||
Flexbox | 10+ | ||||
Text Shadow | 10+ | ||||
CSS Gradient | 10+ | ||||
CSS Animation | 10+ | ||||
CSS Transform | 10+ | ||||
Box Shadow | 9+ | ||||
Border Radius | 9+ |
TL;DR - No other dependency unless you enable loader option.
Loader in button is based on our another product loading button
and loading.css
, which are tiny pure CSS libraries handy for website development. If you enable loader, these dependencies will be automatically included in the generated CSS.
You can check following links for further detail:
Loading.io is brought to you by:
PlotDB Ltd. / 見聞科技有限公司 VAT No. 52518929
Service for making ajax loaders / loading gifs / preloaders and animated icons, live background, animated text in GIF / SVG / APNG / CSS.