File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 2626
2727 < h1 > CSS Values and Units Module Level 3</ h1 >
2828
29- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 29 March 2012</ h2 >
29+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 17 April 2012</ h2 >
3030
3131 < dl >
3232 < dt > This version:
3333
3434 < dd > < a
35- href ="http://www.w3.org/TR/2012/ED-css3-values-20120329 / "> http://www.w3.org/TR/2012/ED-css3-values-20120329 /</ a >
35+ href ="http://www.w3.org/TR/2012/ED-css3-values-20120417 / "> http://www.w3.org/TR/2012/ED-css3-values-20120417 /</ a >
3636
3737 < dt > Latest version:
3838
@@ -1381,6 +1381,33 @@ <h3 id=calc><span class=secno>8.1. </span> Mathematical Expressions:
13811381 layout will scale to match the viewport width.</ p >
13821382 </ div >
13831383
1384+ < div class =example >
1385+ < p > The following example stacks two centered background images, with one
1386+ offset slightly from the other.
1387+
1388+ < pre >
1389+ .foo {
1390+ background: url(top.png), url(bottom.png);
1391+ background-repeat: no-repeat;
1392+ background-position: calc(50% + 20px) calc(50% + 20px), 50% 50%;
1393+ }
1394+ </ pre >
1395+ </ div >
1396+
1397+ < div >
1398+ < p > This example shows how to place color-stops on a gradient an equal
1399+ distance from either end.
1400+
1401+ < pre >
1402+ .foo {
1403+ background-image: linear-gradient(to right, silver,
1404+ white 50px,
1405+ white calc(100% - 50px),
1406+ silver);
1407+ }
1408+ </ pre >
1409+ </ div >
1410+
13841411 < p > The expression language of these functions is described by the grammar
13851412 and prose below.
13861413
You can’t perform that action at this time.
0 commit comments