CSS3 repeating-linear-gradient()
用重複的線性漸變建立影像。
語法與linear-gradient()線性漸變完全相同。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="gb2312"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:250px; height:250px; } .antzone{ background:repeating-linear-gradient(-45deg, #ace, #ace 5px, #f96 5px, #f96 10px); } </style> </head> <body> <div class="antzone"></div> </body> </html>
相關文章
- CSS repeating-linear-gradient()CSS
- CSS3CSSS3
- CSS3簡明教程之初識CSS3CSSS3
- css3省略……CSSS3
- CSS3 quotesCSSS3
- CSS3 TransitionCSSS3
- CSS3 rotate()CSSS3
- CSS3 clipCSSS3
- CSS3 @supportsCSSS3
- CSS3 currentColorCSSS3
- CSS3 vmaxCSSS3
- CSS3 vminCSSS3
- CSS3 vhCSSS3
- CSS3 vwCSSS3
- CSS3 remCSSS3REM
- CSS3 attr()CSSS3
- CSS3 orderCSSS3
- CSS3 columnsCSSS3
- CSS3 counter()CSSS3
- CSS3動畫CSSS3動畫
- CSS3筆記CSSS3筆記
- CSS3 動畫解析CSSS3動畫
- CSS3初識CSSS3
- CSS3 animation 動畫CSSS3動畫
- css3 漸變CSSS3
- CSS3 @keyframesCSSS3
- css3 新特性CSSS3
- CSS3 七 字型CSSS3
- CSS3 之 flexCSSS3Flex
- css3動畫整理CSSS3動畫
- css3漸變CSSS3
- CSS3過渡CSSS3
- 淺談css3CSSS3
- CSS3象棋效果CSSS3
- CSS3 perspective(n)CSSS3
- CSS3 ::SelectionCSSS3
- CSS3之背景CSSS3
- CSS3背景影像CSSS3