.przyklad01 { height:100px; width:300px; margin: 010px; background: linear-gradient(#8a6, #ddd); border:1px solid black; color:#000;}

.przyklad02 { height:100px; width:300px; margin: 010px; background: radial-gradient(#8a6, #ddd); border:1px solid black; color:#000;}

.przyklad03 { height:100px; width:300px; margin: 010px; background: radial-gradient(circle, #8a6, #ddd); border:1px solid black; color:#000;}
.przyklad04 { height:100px; width:300px; margin: 010px; background: radial-gradient(circle farthest-corner, #8a6, #ddd); border:1px solid black; color:#000;}


.przyklad05 { height:100px; width:300px; margin: 010px; background: radial-gradient(circle farthest-side, #8a6, #ddd); border:1px solid black; color:#000;}
.przyklad06 { height:100px; width:300px; margin: 010px; background: radial-gradient(circle closest-side, #8a6, #ddd); border:1px solid black; color:#000;}



.przyklad07 { height:100px; width:300px; margin: 010px; background: radial-gradient(circle, #8a6, #ddd); border:1px solid black; color:#000;}
.przyklad08 { height:100px; width:300px; margin: 010px; background: radial-gradient(circle closest-side, #8a6, #ddd); border:1px solid black; color:#000;}

.przyklad09 { height:100px; width:300px; margin: 010px; background: radial-gradient(farthest-side, #8a6, #ddd); border:1px solid black; color:#000;}
.przyklad010 { height:100px; width:300px; margin: 010px; background: radial-gradient(farthest-corner, #8a6, #ddd); border:1px solid black; color:#000;}