From 3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Fri, 17 Sep 2021 20:15:31 +0200 Subject: Prepare CSS section for Markdown conversion (#2307) * Removes summary / seoSummary classes * Remove div class=hidden and some notranslate * Remove hidden paragraphs for live sample * Remove hidden paragraphs for live sample - take 2 * Remove other hidden div and p - updated w/ en-US when necessary * Remove ids * Remove notranslate class * Fix typo which broke build * remove div class='index' * remove useless * remove non typographical sups * remove non typographical subs * remove blockindicator and fix some div.note * fix build :/ * remove useless classes * fix build - again :x * fix unhandled elements 1/N + embedlivesample build fail * fix div.warning * Fix fixable flaws - hoping to reduce error conversion * Remove unecessary images (same as en-US) * fix div notes * fix warnings * fix some dl handling * fix dls * Fix a bunch of conversion errors * rm unhandled figures * Fix other set of issues and revamp easing-function page * Fix some one-offs conversion errors (incl. deki files) * fix the rest of one-off conversion issues * Fix last dl standing --- files/fr/web/css/transform-origin/index.html | 393 ++++++++++----------------- 1 file changed, 151 insertions(+), 242 deletions(-) (limited to 'files/fr/web/css/transform-origin') diff --git a/files/fr/web/css/transform-origin/index.html b/files/fr/web/css/transform-origin/index.html index 55f9b309f7..d5c8888145 100644 --- a/files/fr/web/css/transform-origin/index.html +++ b/files/fr/web/css/transform-origin/index.html @@ -16,8 +16,6 @@ translation_of: Web/CSS/transform-origin
{{EmbedInteractiveExample("pages/css/transform-origin.html")}}
- -

Par exemple, l'origine par défaut pour la fonction rotate() est le centre de la rotation. Cette propriété est utilisée en :

    @@ -152,280 +150,191 @@ transform-origin: unset;

    Exemples

    -

    Voir la page sur l'utilisation des transformations CSS pour des exemples supplémentaires.

    +

    Voir la page sur l'utilisation des transformations CSS pour des exemples supplémentaires.

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    CodeExemple
    -

    transform: none;

    -     		- +</pre> -

    {{EmbedLiveSample('transform_none', '', '120', '', '', 'no-button') }}

    -
    -

    transform: rotate(30deg);

    -     		- +</pre> -

    {{EmbedLiveSample('transform_rotate_only', '', '120', '', '', 'no-button') }}

    -
    -

    transform: rotate(30deg);
    - transform-origin: 0 0;

    -     		- +transform-origin: 0 0; +</pre> -

    {{EmbedLiveSample('transform_rotate', '', '120', '', '', 'no-button') }}

    -
    -

    transform: rotate(30deg);
    - transform-origin: 100% 100%;

    -     		- +transform-origin: -1em -3em; +</pre> -

    {{EmbedLiveSample('transform_rotate_with_percentage', '', '120', '', '', 'no-button') }}

    -
    -

    transform: rotate(30deg);
    - transform-origin: -10em -30em;

    -     		- -

    {{EmbedLiveSample('transform_rotate_with_em', '', '120', '', '', 'no-button') }}

    -
    -

    transform: scale(1.9);

    -     		- -

    {{EmbedLiveSample('transform_scale_only', '', '120', '', '', 'no-button') }}

    -
    -

    transform: scale(1.9);
    - transform-origin: 0 0;

    -     		- -

    {{EmbedLiveSample('transform_scale_without_origin', '', '120', '', '', 'no-button') }}

    -
    -

    transform: scale(1.9);
    - transform-origin: 100% -30%;

    -     		- -

    {{EmbedLiveSample('transform_scale', '', '120', '', '', 'no-button') }}

    -
    -

    transform: skewX(50deg);
    - transform-origin: 100% -30%;

    -     		- -

    {{EmbedLiveSample('transform_skew_x', '', '120', '', '', 'no-button') }}

    -
    -

    transform: skewY(50deg);
    - transform-origin: 100% -30%;

    -     		- -

    {{EmbedLiveSample('transform_skew_y', '', '120', '', '', 'no-button') }}

    -
    +

    {{EmbedLiveSample('a_demonstration_of_various_transform_values', '', 1350) }}

    Spécifications

    @@ -455,6 +364,6 @@ transform-origin: 100% -30%;

    Voir aussi

    -- cgit v1.2.3-54-g00ecf