main-post-cover

    Təmiz CSS-da 8 faydalı imkan: 6) Şəkilin kəsilmə animasiyası

    Digər
    Code-News
    11.03.2019
    Farid Pardashunas

    #Step IT Academy tərəfindən təqdim olunur  





        CSS texnologiyasında 8 faydalı həllər barədə olan məqalə seriyasına davam edirik.
    Öncəki hissələr:

    6. Şəkilin kəsilmə animasiyası


        "Yapışqan" footer həllindəki kimi, şəkilin kəsilmə animasiyası da CSS3-ə qədər yaratmaq çətin idi. CSS3-ün object-fit və object-position parametrləri bizə şəklin daxili görüntü həcmlərini onun tərəflərinin ölçülərindən asılı olmadan dəyişmək imkanını verir. Həmçinin CSS3-ün digər imkanları sayəsində şəkilin ölçü dəyişikliklərini animasiya formasında əks etmək olur.
    Nümunədə psevdosinif :checked istifadə olunub və Javascript-ə ehtiyyac yoxdur.

    Linki kopyala