{"id":17056,"date":"2022-04-26T16:30:03","date_gmt":"2022-04-26T13:30:03","guid":{"rendered":"https:\/\/kutaybilen.com.tr\/?p=17056"},"modified":"2022-04-26T16:30:03","modified_gmt":"2022-04-26T13:30:03","slug":"mouseover-effect-ozelligine-sahip-20-yaratici-site","status":"publish","type":"post","link":"https:\/\/kutaybilen.com.tr\/?p=17056","title":{"rendered":"MouseOver Effect \u00d6zelli\u011fine Sahip 20 Yarat\u0131c\u0131 Site"},"content":{"rendered":"

\u0130nternet sitesi dizayn\u0131nda en k\u00fc\u00e7\u00fck ayr\u0131nt\u0131 bile ziyaret\u00e7inin site \u00fczerindeki deneyimini derinden etkileyebiliyor. Bu ayr\u0131nt\u0131 bir kusur efekti, bir s\u0131\u00e7rama efekti ya da kolay bir ses efekti bile olabilir. Son vakitlerde bu \u00fczere ayr\u0131nt\u0131lardan en \u00e7ok kullan\u0131lan\u0131 MouseOver <\/strong>efekti olarak kabul ediliyor. Hover <\/strong>ismi da verilen bu \u00f6zelli\u011fin kullan\u0131m\u0131nda sitenin kullan\u0131m\u0131n\u0131 kolayla\u015ft\u0131rmak ama\u00e7lan\u0131yor.<\/p>\n

Sitede bulunan a\u015fik\u00e2r elementlerin \u00fczerine gelindi\u011finde \u00e7e\u015fitli hareketlenmesini, renk de\u011fi\u015ftirmesini, \u00f6ne \u00e7\u0131kmas\u0131n\u0131 sa\u011flayan bu \u00f6zellik; bilgilere ula\u015fmada kolayl\u0131k sa\u011flaman\u0131n yan\u0131nda sitelere \u015f\u0131k bir g\u00f6r\u00fcn\u00fcm sunuyor. Bu yarat\u0131c\u0131 \u00f6zelli\u011fin kullan\u0131ld\u0131\u011f\u0131 siteler g\u00fcn ge\u00e7tik\u00e7e art\u0131yor. Biz de size bu \u00f6zelli\u011fin kullan\u0131ld\u0131\u011f\u0131 en \u00e2l\u00e2 20 siteyi derledik. Alt ba\u015fl\u0131klara t\u0131klayarak bahsi ge\u00e7en sitelere ula\u015fabilirsiniz.\u00a0\u0130\u015fte MouseOver efektini kullanan birbirinden yarat\u0131c\u0131 20 site:<\/p>\n

Pixels by Tomer Lerner<\/b><\/p>\n

<\/p>\n

Siyah beyaz art plana sahip bu site, imleci hareket ettirdi\u011finizde farkl\u0131 geometrik formlar\u0131n hareket etmesini ve d\u00f6n\u00fc\u015fmesini sa\u011fl\u0131yor.<\/p>\n

Haus<\/b><\/p>\n

<\/p>\n

Teknoloji ve mizah\u0131 seven interaktif bir ajans\u0131n sitesi olan Haus, imleci \u00fczerlerinde kulland\u0131\u011f\u0131n\u0131zda hareket eden \u00e7izgi sinema karakterlerini dahilinde bar\u0131nd\u0131r\u0131yor.<\/p>\n

Canva<\/b><\/p>\n

<\/p>\n

Metin odakl\u0131 foto\u011fraflar olu\u015fturmay\u0131 sa\u011flayan sitenin ana sayfas\u0131nda bu\u011fulu bir filtre kullan\u0131l\u0131yor. \u0130mlecin ilerledi\u011fi b\u00f6lgeler ise berrakla\u015farak bu\u011fudan kurtuluyor.<\/p>\n

Mainworks<\/b><\/p>\n

<\/p>\n

Yarat\u0131c\u0131 medya yap\u0131m st\u00fcdyosu Mainworks\u2019\u00fcn portf\u00f6y sitesi, \u00fczerine t\u0131klad\u0131\u011f\u0131n\u0131zda projeler g\u00f6steren noktalar bar\u0131nd\u0131r\u0131yor.<\/p>\n

Cedric Pereira<\/b><\/p>\n

<\/p>\n

Yeniden bir portf\u00f6y sitesi olan Cedric Pereira, ekran\u0131 a\u015fa\u011f\u0131 kayd\u0131rd\u0131\u011f\u0131n\u0131zda renk de\u011fi\u015ftiren kategoriler i\u00e7eriyor.<\/p>\n

Bullmonk<\/b><\/p>\n

<\/p>\n

Bullmonk isimli i\u015fletmecilik sitesi, ana sayfas\u0131nda kolay bir SVG animasyonu bulunduruyor. \u0130mleci hareket ettirdi\u011finizde ekranda yeni delikler olu\u015fuyor.<\/p>\n

InSymbiosis<\/b><\/p>\n

<\/p>\n

Biyoeczac\u0131l\u0131k \u015firketi InSymbiosis'in sitesinde bulunan buton ve yaz\u0131lar, fare imleciyle etkile\u015fime ge\u00e7ebiliyor.<\/p>\n

OUI R Creative Studio<\/b><\/p>\n

<\/p>\n

OUI R isimli tasar\u0131m \u015firketinin sitesi, imleci \u00fczerine getirdi\u011finizde bilgi veren foto\u011fraflar i\u00e7eren bir dizayna sahip.<\/p>\n

Minnim<\/b><\/p>\n

<\/p>\n

Minnim'in sitesine girince sizi birinci olarak renkli \u00e7izgilerden olu\u015fmu\u015f daireler kar\u015f\u0131l\u0131yor. Sayfada imle\u00e7 kullan\u0131larak yeni logolu daireler yarat\u0131labiliyor.<\/p>\n

Full Bundle<\/b><\/p>\n

<\/p>\n

Yarat\u0131c\u0131 bir dijital ajans olan Full Bundle\u2019\u0131n sitesi, mavi ve k\u0131rm\u0131z\u0131 objeler i\u00e7eren iki b\u00f6lmeden olu\u015fuyor. Mavi mant\u0131\u011f\u0131, k\u0131rm\u0131z\u0131 ise yarat\u0131c\u0131l\u0131\u011f\u0131 temsil ediyor. Bu renkli objeler fare imleciyle denetim edilebiliyor.<\/p>\n

FS Untitled<\/b><\/p>\n

<\/p>\n

Bu site, ziyaret\u00e7ilere yaz\u0131 tipi se\u00e7imi i\u00e7in bir s\u00fcr\u00fc se\u00e7enek sunuyor. Elementler tablosu \u00fczere dizilmi\u015f yaz\u0131 tiplerinden birini se\u00e7ti\u011finizde o yaz\u0131 tipini tan\u0131tan bir animasyon ortaya \u00e7\u0131k\u0131yor.<\/p>\n

Trainrobber<\/b><\/p>\n

<\/p>\n

Bir AR ve VR ajans\u0131 olan Trainrobber\u2019\u0131n sitesinde imleci hareket ettirdi\u011finizde objeler, bir Western sinemas\u0131n\u0131 and\u0131ran bir bi\u00e7imde hareket ediyor.<\/p>\n

Sakura International Inc.<\/b><\/p>\n

<\/p>\n

\u0130nsan a\u011f ba\u011flant\u0131s\u0131 \u00fczerine \u00e7al\u0131\u015fan bu \u015firketin sitesindeki noktalar, imle\u00e7 yard\u0131m\u0131yla kolay kolay birle\u015ftirilebiliyor.<\/p>\n

Fan Studio<\/b><\/p>\n

<\/p>\n

Bu ta\u015f\u0131nabilir oyun ve uygulama \u00fcreten \u015firketin sitesinde imleci hareket ettirdi\u011finizde, sitenin art plan\u0131 bu hareketlere nazaran de\u011fi\u015fiyor.<\/p>\n

Studio Rotate<\/b><\/p>\n

<\/p>\n

Bu \u015firket, marka ve tasar\u0131m \u00fczerine \u00e7al\u0131\u015f\u0131yor ve m\u00fc\u015fterilerinin sanal ortamda yer almas\u0131na yard\u0131mc\u0131 oluyor. \u015eirketin sitesi imlecinize nazaran hareket eden bir daire bulunduruyor ve men\u00fc se\u00e7ene\u011fine t\u0131kland\u0131\u011f\u0131nda g\u00f6sterilecekler bu dairenin i\u00e7inde g\u00f6steriliyor.<\/p>\n

TheMcBrideCompany<\/b><\/p>\n

<\/p>\n

Bu site de t\u0131pk\u0131 Canva sitesi \u00fczere bu\u011fulu bir filtre i\u00e7eriyor ve fare imleci bu bu\u011fulu b\u00f6lgelerin berrakla\u015fmas\u0131n\u0131 sa\u011fl\u0131yor.<\/p>\n

Clever Franke<\/b><\/p>\n

<\/b><\/p>\n

Bu tasar\u0131m \u015firketinin sitesinin ana sayfas\u0131nda bulunan yaz\u0131lar, fare imleciyle birlikte hareket ediyor ve tekrar yerine yerle\u015fiyor.<\/p>\n

Message Design Center<\/b><\/p>\n

<\/p>\n

Message Design Center isimli tasar\u0131m \u015firketinin sitesinde bulunan yaz\u0131lar, imle\u00e7 yard\u0131m\u0131yla b\u00fcy\u00fcyor ve bozuluyor.<\/p>\n

Just Coded<\/b><\/p>\n

<\/p>\n

Bu sitenin karanl\u0131k tonlardaki tasar\u0131m\u0131, fare imleciyle birlikte perspektifi de\u011fi\u015fen objeler i\u00e7eriyor.<\/p>\n

Kinetic Apps<\/b><\/p>\n

<\/p>\n

Android ve iOS ayg\u0131tlar i\u00e7in uygulamalar geli\u015ftiren \u015firketin internet sitesi g\u00f6ky\u00fcz\u00fc temal\u0131 bir art plan i\u00e7eriyor. Fare imleci kullan\u0131ld\u0131\u011f\u0131nda bu g\u00f6ky\u00fcz\u00fcnde u\u00e7ulacak istikamet se\u00e7ilebiliyor.<\/p>\n

<\/div>\n","protected":false},"excerpt":{"rendered":"

\u0130nternet sitesi dizayn\u0131nda en k\u00fc\u00e7\u00fck ayr\u0131nt\u0131 bile ziyaret\u00e7inin site \u00fczerindeki deneyimini derinden etkileyebiliyor. Bu ayr\u0131nt\u0131 bir kusur efekti …<\/p>\n","protected":false},"author":1,"featured_media":17057,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[2277,2021,1059,1058,972],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts\/17056"}],"collection":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17056"}],"version-history":[{"count":1,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts\/17056\/revisions"}],"predecessor-version":[{"id":17058,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/posts\/17056\/revisions\/17058"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=\/wp\/v2\/media\/17057"}],"wp:attachment":[{"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kutaybilen.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}