Skip to content

Commit 8bea1fa

Browse files
committed
Added animatable lines to the properties.
1 parent ae54046 commit 8bea1fa

3 files changed

Lines changed: 56 additions & 1 deletion

File tree

css3-images/Overview.html

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2015,6 +2015,13 @@ <h3 id=the-object-fit><span class=secno>5.5. </span> Sizing Objects: the
20152015
<th>Computed value:
20162016

20172017
<td>specified value
2018+
2019+
<tr>
2020+
<th><a
2021+
href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
2022+
2023+
2024+
<td>no
20182025
</table>
20192026

20202027
<p>The &lsquo;<a href="#object-fit"><code
@@ -2153,6 +2160,13 @@ <h3 id=the-object-position><span class=secno>5.6. </span> Positioning
21532160
<th>Computed value:
21542161

21552162
<td>specified value
2163+
2164+
<tr>
2165+
<th><a
2166+
href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
2167+
2168+
2169+
<td>as length, percentage
21562170
</table>
21572171

21582172
<p>The &lsquo;<a href="#object-position"><code
@@ -2226,6 +2240,13 @@ <h3 id=the-image-resolution><span class=secno>6.1. </span> Overriding Image
22262240
<td>as specified, except with &lsquo;<a href="#resolution-type"><code
22272241
class=css>&lt;resolution></code></a>&rsquo; possibly altered by
22282242
computing for &lsquo;<code class=css>snap</code>&rsquo; (see below)
2243+
2244+
<tr>
2245+
<th><a
2246+
href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
2247+
2248+
2249+
<td>as resolution (but see prose)
22292250
</table>
22302251

22312252
<p>The &lsquo;<a href="#image-resolution"><code
@@ -2265,6 +2286,11 @@ <h3 id=the-image-resolution><span class=secno>6.1. </span> Overriding Image
22652286
<p>As vector formats such as SVG do not have an intrinsic resolution, this
22662287
property has no effect on vector images.
22672288

2289+
<p>This property is animatable if neither the start nor end states have the
2290+
&lsquo;<code class=property>from-image</code>&rsquo; keyword. If it's
2291+
animatable, the computed value of the resolution is interpolated as a real
2292+
number.
2293+
22682294
<div class=example>
22692295
<p>Printers tend to have substantially higher resolution than computer
22702296
monitors; due to this, an image that looks fine on the screen may look
@@ -2393,6 +2419,13 @@ <h3 id=the-image-orientation><span class=secno>6.2. </span> Orienting an
23932419
<th>Computed value:
23942420

23952421
<td>specified value, rounded and normalized (see text)
2422+
2423+
<tr>
2424+
<th><a
2425+
href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
2426+
2427+
2428+
<td>no
23962429
</table>
23972430

23982431
<p>This property specifies an orthogonal rotation to be applied to an image

css3-images/Overview.src.html

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1254,6 +1254,9 @@ <h3 id="the-object-fit">
12541254
<tr>
12551255
<th>Computed value:
12561256
<td>specified value
1257+
<tr>
1258+
<th><a href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
1259+
<td>no
12571260
</table>
12581261

12591262
<p>The 'object-fit' property specifies how the contents of a replaced element
@@ -1357,6 +1360,9 @@ <h3 id="the-object-position">
13571360
<tr>
13581361
<th>Computed value:
13591362
<td>specified value
1363+
<tr>
1364+
<th><a href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
1365+
<td>as length, percentage
13601366
</table>
13611367

13621368
<p>The 'object-position' property determines the alignment of the replaced element inside its box. The <a href="http://www.w3.org/TR/css3-values/#position">&lt;position></a> value type (which is also used for 'background-position') is defined in [[!CSS3VAL]], and is resolved using the <i>concrete object size</i> as the object area and the content box as the positioning area.
@@ -1406,6 +1412,9 @@ <h3 id="the-image-resolution">
14061412
<th>Computed value:
14071413
<td>as specified, except with ''&lt;resolution>'' possibly altered
14081414
by computing for ''snap'' (see below)
1415+
<tr>
1416+
<th><a href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
1417+
<td>as resolution (but see prose)
14091418
</table>
14101419

14111420
<p>The 'image-resolution' property specifies the <i>intrinsic resolution</i> of all raster images used in or on the element. It affects both content images (e.g. replaced elements and generated content) and decorative images (such as 'background-image'). The <dfn>intrinsic resolution</dfn> of an image is used to determine the image's <i>intrinsic dimensions</i>. Values have the following meanings:</p>
@@ -1428,7 +1437,9 @@ <h3 id="the-image-resolution">
14281437
resolution is the image's native resolution similarly adjusted.</dd>
14291438
</dl>
14301439

1431-
<p>As vector formats such as SVG do not have an intrinsic resolution, this property has no effect on vector images. </p>
1440+
<p>As vector formats such as SVG do not have an intrinsic resolution, this property has no effect on vector images.</p>
1441+
1442+
<p>This property is animatable if neither the start nor end states have the 'from-image' keyword. If it's animatable, the computed value of the resolution is interpolated as a real number.</p>
14321443

14331444
<div class='example'>
14341445
<p>Printers tend to have substantially higher resolution than computer
@@ -1527,6 +1538,9 @@ <h3 id="the-image-orientation">
15271538
<tr>
15281539
<th>Computed value:
15291540
<td>specified value, rounded and normalized (see text)
1541+
<tr>
1542+
<th><a href="http://dev.w3.org/csswg/css3-transitions/#animation-of-property-types-">Animatable:</a>
1543+
<td>no
15301544
</table>
15311545

15321546
<p>This property specifies an orthogonal rotation to be applied to an image before it is laid out. It applies only to content images (e.g. replaced elements and generated content), not decorative images (such as 'background-image'). CSS layout processing applies to the image <em>after</em> rotation. This implies, for example:</p>

css3-images/issues-lc-2012.txt

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -443,3 +443,11 @@ From: Tab Atkins and fantasai
443443
Comment: http://lists.w3.org/Archives/Public/www-style/2012Mar/0477.html
444444
Response: http://lists.w3.org/Archives/Public/www-style/2012Mar/0487.html
445445
Closed: Accepted
446+
----
447+
Issue 54.
448+
Summary: Add 'Animatable' heading to the property definitions
449+
From: fantasai
450+
Comment: http://www.w3.org/2004/01/pp-impl/19480/join
451+
Comment: http://lists.w3.org/Archives/Public/www-style/2012Mar/0672.html
452+
Response: http://lists.w3.org/Archives/Public/www-style/2012Mar/0675.html
453+
Closed: Accepted

0 commit comments

Comments
 (0)