css3 testing
2 posters
回復： css3 testing
rb1606 17.07.20 23:58
《念故乡》
念故乡，念故乡，故乡真可爱，天青青，风凉凉，乡愁阵阵来。
故乡人，今如何，常念念不忘，在他乡，一孤客，寂寞又凄凉。
我愿意，回故乡，重返旧家园，众亲友，聚一堂，同享从前乐。
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
回復： css3 testing
rb1606 18.07.20 16:38
CSS3 Gradients 漸層效果
目前有兩種漸層效果，分別是線性漸層（Linear Gradients）以及徑向漸層（Radial Gradients），這兩者的設定方式不太一樣，實際的視覺效果也不一樣。
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
回復： css3 testing
rb1606 18.07.20 17:51
制作渐变背景效果演示
linear-gradient(red, yellow, green);
linear-gradient(to right, red, yellow, green);
linear-gradient(to bottom right, red, yellow, green);
linear-gradient(45deg, red, yellow, green);
radial-gradient(circle, yellow, red);
radial-gradient(ellipse, yellow, red);
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
回復： css3 testing
rb1606 18.07.20 17:53
堆叠渐变效果
linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
堆叠渐变效果
Radial 堆叠渐变效果范例
radial-gradient(circle at 50% 0, rgba(255,0,0,.5), rgba(255,0,0,0) 70.71%),
radial-gradient(circle at 6.7% 75%, rgba(0,0,255,.5), rgba(0,0,255,0) 70.71%),
radial-gradient(circle at 93.3% 75%, rgba(0,255,0,.5), rgba(0,255,0,0) 70.71%) beige;
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
rb1606- 文章數 : 4196
注冊日期 : 2012-11-06
這個論壇的權限：
您 無法 在這個版面回復文章