Sot ka imazhe në një ueb janë bërë një tërheqës kryesor i vëmendjes përdoruesit që i afrohet për të gjitha llojet e temave. Nga fotografia, udhëtimet, produktet ose skenat e çdo lloji, imazhet janë një nga elementët më të rëndësishëm, kështu që nëse jemi në gjendje të prodhojmë një efekt të mrekullueshëm, ajo foto do të ketë fuqinë të mbajë përdoruesin që ka rënë në faqen tonë të internetit.
Simplyshtë thjesht ajo që shumë prej këtyre efekteve janë të afta të arrijnë tek një vizitor i faqes në internet. Efektet e CSS-së janë me të vërtetë tërheqëse në disa raste dhe se në të tjerët ata kanë për qëllim të jenë më të thjeshtë, edhe pse gjithmonë duke arritur atë që kërkojmë të gjithë: që përdoruesi të qëndrojë i vëmendshëm ndaj gjithçkaje që ofron faqja jonë e internetit. Le të rendisim tani 33 efekte të imazhit CSS që tërheqin vëmendjen fuqimisht.
Imazhi i përdredhjes së lëngut 3D
Ky efekt imazhi është me të vërtetë mahnitës kur zbërthejnë imazhin në një kub 3D e cila është në gjendje të rrotullohet rreth vertikalitetit të saj për të prodhuar një efekt të madh vizual. Bazuar në CSS3D, nëse jeni në gjendje ta zbatoni atë në faqen tuaj të internetit, vizitori do të mbetet pa fjalë.
Efekti 3D rri pezull
Një efekt tjetër vizual i shkëlqyeshëm për ta arritur atë kur lëmë treguesin e miut mbi figurë, bien sikur goditen nga e njëjta. Një animacion i shkëlqyeshëm për një efekt tjetër të shkëlqyer të imazhit.
Panorama 3D e CSS
HTML dhe CSS shkojnë krah për krah për të bërë një efekt i madh panorama sikur të shikonim nga maja e një ndërtese në një qytet.
Imazhet në perspektivën "anoj"
Un eksperiment vizual e cila mund të shërbejë për një qëllim specifik si pjesë e uebit.
Blinds veneciane
Një efekt i shkëlqyeshëm vizual çdo herë lëreni treguesin e miut në mënyrë që të ndryshojë midis dy kontrasteve që jep imazhi.
Imazh i ndarë
Duke e zhvendosur treguesin e miut mbi figurë, ai do të zgjerohet për ta bërë atë të përbërë në mënyrë perfekte.
Efekti i imazhit rri pezull
Një efekt rrjeti prodhohet kur largohet nga el tregues i miut mbi një pikë specifike nga imazhi.
Efekt pasqyre
Piktura rrotulla me një efekt pasqyre ndërsa rrëshqasim treguesin e miut nga e djathta në të majtë dhe anasjelltas.
Imazh me efekt reflektimi
Një veprim që kërkon projektojë efektin e reflektimit në imazh që kemi përdorur për këtë efekt të imazhit CSS.
Pjerrësia e figurës në efektin e rri pezull
Mund të arrijë marrëzi pak duke parë se si anët e imazhit prodhojnë një efekt të dyfishtë shumë të habitshëm.
Efekti i turbullimit të pezullimit
Ndërsa lëvizim treguesin përmes imazhit, prodhon një efekt blur që zhduket në sekonda.
Rri pezull i imazhit
Ka një efekt të zhvendosja në të njëjtin moment në të cilin vendosim treguesin miun mbi imazhin.
Efekt rri pezull në SVG
Një efekt i madh rri pezull që vë ekspozuar imazhin që është i fshehur nën vetë emrin. Përfundim i shkëlqyeshëm dhe perfekt për shfaqjen e një galerie krijuese dhe kurioze të imazheve.
Nga teksti në imazh në pezull
Teksti zbulon imazhin kur treguesi i miut rri pezull me një animacion tërheqës me efekt të verbër që hapet nga mesi.
Zbulimi i një pjese të një imazhi në sfond
Sikur ta kishim në dorë kryqëzimi i një lente telefoto, një pjesë e imazhit të sfondit zbulohet ndërsa lëvizim treguesin e miut.
Animacion rri pezull
Efekt i shkëlqyeshëm, por shumë i thjeshtë në përbërjen e tij. Nëse jeni duke kërkuar diçka i thjeshtë dhe minimalist, ky efekt do t'ju bëjë të dashuroheni.
Ndjekja e efektit të rri pezull
Tjetër efekt i thjeshtë për një qëllim specifik.
Zmadhimi i imazhit
Kjo është efekti tipik i zmadhimit që me siguri do të dëshironi ta merrni në faqen tuaj në internet tani.
Efekti i rri pezullimit të zmadhimit
Një tjetër alternativë si efekti i zmadhimit kur largohemi nga treguesi miu i vendosur mbi imazh.
Efekti xham zmadhues
Siç sugjeron emri i saj, treguesi i miut do të kthejë imazhin në një lupë që e zmadhon atë.
Asnjë mjet JavaScript
Asnjë JavaScript ju mund të krijoni një efekt zoom imazh me një rrjet të ndryshueshëm.
Efekti i mbivendosjes CSS
Un efekt i pastër CSS për një shtresë që është montuar në imazhin që kemi.
Hovy për imazhe
Ju keni një bibliotekë të animacioneve CSS për elementët e përdoruesit. Të gjithë mund t’i shihni në linkun për të marrë atë që ju përshtatet më së miri. Ju keni disa efekte për të zgjedhur me cilësi të shkëlqyeshme.
Mbivendosja e imazhit
Me animacion të linjës me cilësi të lartë, paraqitet shtresa tërheqëse për sytë. Një tjetër që mund të bëhet i preferuari juaj.
Efekti i mbivendosjes së imazhit
Ne kthehemi me një efekt tjetër të mbivendosje në HTML dhe CSS në të cilën protagonistët janë vijat rrethore.
Efekti i mbivendosjes së imazhit
Një efekt mbresëlënës mbresëlënës që mund të përdoret për elementë të ndryshëm të uebit. Me një pak krijimtari mund të integrohet në karta si ato në këtë artikull.
Efekti rri pezull me animacionin e ikonave
Cilësi e lartë me një animacion ikonë që do t'ju tërheqë në ndryshimet e para. Ai është në gjendje të sillni tekstin në një efekt të madh.
Efekti rri pezull me titra
Një tjetër efekt i madh rri pezull me titra që shfaqen me një animacion shumë të qetë dhe të arritura.
Efektet e drejtimit 3D të rri pezull
Një nga efektet më stimuluese të imazhit që do të shihni në të gjithë listën. treguesi i miut do të bëhet udhëzuesi për «kubin 3D».
Shkalla e imazhit
Një efekt tjetër i thjeshtë, por shumë shfaqëse pa shumë lulëzime.
Efekti i hijes iOS me React
Un efekt pa shumë bujë, por shumë konkrete në efektin e hijes që prodhon, pasi duket sikur është ngritur nga "toka".
Stili i hijes iOS 10
Treguesi i miut ka një efekti 'shtytje' mbi imazhin që prodhon realizëm të madh. Shumë interesante.
Efekti i tranzicionit të imazhit
Un efekt i mrekullueshëm i tranzicionit në të cilën imazhi zbërthehet në një rrjet rrjetesh. Ju mund të kontrolloni kohën në të cilën ndodh efekti dhe më shumë.
Kaloni tranzicionin e imazhit
Un efekt shumë i modës dhe krijues i tranzicionit për faqen tuaj te internetit. Mos humbisni terminin në këtë CSS.
Duke lëvizur imazhin me timonin e miut
Ju do të keni për të zbatojeni atë në momentin që përdorni rrotën e miut për të kaluar nga një imazh në tjetrin me një animacion të shkëlqyeshëm të tranzicionit. Spektakolare.
Përshëndetje. Më pëlqyen shumë efektet që postove. Rastësisht do të dini se si bëhet efekti kur vendosni treguesin në një imazh dhe ai lëviz nga poshtë lart, ideal për të treguar një pamje paraprake të faqeve të internetit. Këtu është një shembull i asaj që dua të them, në seksionin «PUNT E FUNDIT NB WEB-SITE
»Nga faqja e internetit selectawebs.com
Thanks in advance
Faqja dhe postimi i shkëlqyeshëm, ka qenë shumë i dobishëm për mua pasi më duheshin disa efekte për një panel të hyrjes në portal në aplikacionet e brendshme. Faleminderit shumë për këto kontribute.
Efektet e shkëlqyera. Unë jam autodidakt, gjithmonë më ka pëlqyer shumë ideja e zhvillimit të internetit, do të më pëlqente shumë këshilla juaj se si të filloni dhe në çfarë mënyrë të mësoni. të fala
Përshëndetje, faleminderit për përmbajtjen tuaj. Zbuloni faqen tuaj sot. Shtë një mrekulli. Nuk ka fund leximi dhe pyetjet që mund të bëhen në të. ;)
Përshëndetje Natalia! Jam i lumtur që ju pëlqejnë leximet këtu në Creativos Online. Të gjitha të mirat!
Hej një listë spektakolare e efekteve të mira, do të ishte shumë interesante të shikosh se si t'i zbatosh ato në wordpress me elementor