Using Gradients

https://developer.apple.com/library/safari/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Gradients/Gradient.html

background: -webkit-linear-gradient(aqua, white)

background: -webkit-linear-gradient(red, yellow, orange, green, blue, purple);

background: -webkit-linear-gradient(left, black, white);

background: -webkit-linear-gradient(bottom right, black, white);

-webkit-linear-gradient(45deg, black, white)

background: -webkit-linear-gradient(left,black,blue 10%,blue 90%,black);
background: -webkit-linear-gradient(left,white,blue 50%,purple 50%,white);

 

div style="width: 200px; height: 200px; border-radius: 50%;

background: -webkit-radial-gradient(30% 30%, white, black);"

 

 

 

 

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다