Gradiant Background Vertical

 @include pure-background-gradient-vertical(#fff, #000);
Gradiant Background Horizontal

 @include pure-background-gradient-horizontal(#fff, #000);
Gradiant Background Directional(deg)

  @include pure-background-gradient-directional(#FFF, #000, 45deg);
Gradiant Background Vertical Three Colors

@include pure-background-gradient-vertical-three-colors(#00b3ee, #7a43b6, 50%, #c3325f);
Gradiant Background Vertical Three Colors

@include pure-background-gradient-horizontal-three-colors(#00b3ee, #7a43b6, 50%, #c3325f);
Gradiant Background Radial

@include pure-background-gradient-radial(#fff, 0%, #000, 100%);
Gradiant Background Stripen

@include pure-background-gradient-striped(#bdc000, 45deg);
Background image Cover

Arkaplan resmini kutuya tam yerleştirir

Before
After
@include pure-background-image-cover();
Background image Fixed

Before
After
@include pure-background-image-fixed();
Background Image Animated

@include pure-animated-background-image(#000,'bg.jpg', linear, 40s);
Background Image Gradiant Overlay

Before
After
@include pure-background-image-gradient-overlay('image.jpg', rgba(blue, 0.25), rgba(blue, 0.5), rgba(red, 0.75), to top right)