{"id":270,"date":"2013-10-11T09:20:59","date_gmt":"2013-10-11T09:20:59","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=270"},"modified":"2015-03-02T13:26:46","modified_gmt":"2015-03-02T13:26:46","slug":"ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/","title":{"rendered":"\u00dccretsiz CSS3 Hover Etkileri Kopyala ve Yap\u0131\u015ft\u0131r"},"content":{"rendered":"

CSS yard\u0131m\u0131 ile ger\u00e7ekten m\u00fckemmel leyler olu\u015fturabilmeniz m\u00fcmk\u00fcn, inan\u0131lmaz bir teknolojidir. T\u00fcm bu g\u00fcc\u00fc kayna\u011fa g\u00f6rsel efektlerden herhangi birini ekleyebilir kolayca kullanabilirsiniz. \u00a0Bu y\u00fczden bug\u00fcn sizlere CSS image hover<\/strong> etkileri hakk\u0131nda konu\u015faca\u011f\u0131m. E\u011fer tasar\u0131mlar\u0131 baz\u0131 alanlar\u0131n\u0131 hareket eklemek istiyorsan\u0131z sizler i\u00e7in bir \u00a0raund-up haz\u0131rlad\u0131k.<\/p>\n

Image hover \u00f6zelli\u011fini kullanarak, \u00a0blog sayfan\u0131zda veya haz\u0131rlad\u0131\u011f\u0131n\u0131z siteleriniz'de kolayl\u0131kla uygulayabilirsiniz, sadece CSS dosyan\u0131za bir ka\u00e7 sat\u0131r kod ekleyin. \u00a0Bu etkiler kesinlikle ziyaret\u00e7ilerinizi olduk\u00e7a \u015fa\u015f\u0131rtacak. Gerekli olan tek \u015fey fare imleci ile \u00fczerine gelerek mucizeyi g\u00f6rmek. \u015eimdi konu\u015fmam\u0131 durdurmak i\u00e7in sizden izin istiyorum ve \u00f6rnekleri incelemenizi rica ediyorum. B\u00fcy\u00fck bir zevk ile bu etkileri kullanmak i\u00e7in \u00e7ekinmeyin.<\/p>\n

***<\/p>\n

Direction-Aware Hover Effect<\/a><\/span><\/p>\n

\"\"<\/a><\/p>\n

Demo<\/a><\/p>\n

***<\/p>\n

Circle Hover Effects<\/a><\/span><\/p>\n

\"\"<\/a><\/p>\n

Demo<\/a><\/p>\n

***<\/p>\n

Magnifying Glass Overlay<\/a><\/span><\/p>\n

\"\"<\/a><\/p>\n

Demo<\/a><\/p>\n

***<\/p>\n

CSS3 Image Hover Effects<\/a><\/span><\/p>\n

\"\"<\/a><\/p>\n

Demo<\/a><\/p>\n

***<\/p>\n

Fancy CSS3 Transitions Image Gallery <\/a><\/span><\/p>\n

\"\"<\/a><\/p>\n

Demo<\/a><\/p>\n

***<\/p>\n

Snazzy Hover Effects Using CSS3<\/a><\/span><\/p>\n

\"\"<\/a><\/p>\n

Demo<\/a><\/p>\n

***<\/p>\n

Popout Details on Hover CSS3<\/a><\/span><\/p>\n

\"\"<\/a><\/p>\n

Demo<\/a><\/p>\n

***<\/p>\n

CSS Image Hover Effects<\/a> <\/span><\/p>\n

\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20<\/pre>\n<\/td>\n
\n
.hover1 img {\r\n     opacity: 0.5;\r\n     filter: progid:DXImageTransform.Microsoft.Matrix(\r\n                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');\r\n     zoom: 1; \r\n     -moz-transition: all 0.5s ease-out;  \r\n     -o-transition: all 0.5s ease-out;  \r\n     -webkit-transition: all 0.8s ease-out;  \r\n     -ms-transition: all 0.5s ease-out;  \r\n     transition: all 0.5s ease-out;\r\n}\r\n.hover1:hover img {\r\n     opacity: 1;\r\n     filter: progid:DXImageTransform.Microsoft.Matrix(\r\n                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');\r\n     zoom: 1;\r\n     -moz-box-shadow: 1px 1px 4px #000;\r\n     -webkit-box-shadow: 1px 1px 4px #000;\r\n     box-shadow: 1px 1px 4px #000;\r\n}<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
***<\/p>\n
6 Image Captions<\/a> <\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo<\/a><\/p>\n
***<\/p>\n
Awesome CSS3 Image Animated Hover Effects<\/a><\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo<\/a><\/p>\n
***<\/p>\n
10 Easy Image Hover Effects You Can Copy and Paste<\/a><\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo <\/a><\/p>\n
***<\/p>\n
CSS3 Image Hover Effects With Caption<\/a><\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo <\/a><\/p>\n
***<\/p>\n
5 CSS Hover Effects You Will Love To Use <\/a><\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo <\/a><\/p>\n
***<\/p>\n
Fastest CSS Image Mouseover Effect<\/a> <\/span><\/p>\n
\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10<\/pre>\n<\/td>\n
\n
a.cssmouseover {\r\ndisplay:block;\r\nwidth:200px;\r\nheight:300px;\r\nbackground-image:url(pathto\/image.jpg);\r\nbackground-position:0px 0px;\r\n}\r\na.cssmouseover:hover {\r\nbackground-position:0px -300px;\r\n}<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
***<\/p>\n
jQuery Zoom<\/a> <\/span><\/p>\n
\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14<\/pre>\n<\/td>\n
\n
\/\/ Example:\r\n$(document).ready(function(){\r\n  $('a.photo').zoom({url: 'photo-big.jpg'});\r\n});\r\n\r\n\/\/ Using Colorbox with Zoom\r\n$(document).ready(function(){\r\n  $('a.photo').zoom({\r\n    url: 'photo-big.jpg', \r\n    callback: function(){\r\n      $(this).colorbox({href: this.src});\r\n    }\r\n  });\r\n});<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
***<\/p>\n
PROXIMITY EFFECT WITH JQUERY AND CSS3<\/a><\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo<\/a><\/p>\n
***<\/p>\n
Item Blur Effect With CSS3 & jQuery <\/a><\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo<\/a><\/p>\n
***<\/p>\n
Fast Hover Slideshow<\/a> <\/span><\/p>\n
\"\"<\/a><\/p>\n
Demo<\/a><\/p>\n
***<\/p>\n
IMAGE HIGHLIGHTING AND PREVIEW WITH JQUERY <\/a><\/span><\/p>\n
\n\n\n\n
\n
1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11<\/pre>\n<\/td>\n
\n
.ih_overlay{\r\n    position:fixed;\r\n    top:0px;\r\n    left:0px;\r\n    right:0px;\r\n    bottom:0px;\r\n    background:#000;\r\n    z-index:10;\r\n    opacity:0.9;\r\n    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);\r\n}<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
***<\/p>\n
Hepsi bu kadar, Sizlerde ba\u015fka \u00f6rnekler var ise a\u015fa\u011f\u0131daki yorum b\u00f6l\u00fcm\u00fcn\u00fc kullanarak ilaveler yapabilirsiniz, zevkli olaca\u011f\u0131n\u0131 umuyoruz.<\/p>\n
Etiketler: CSS<\/a>
\n<\/a><\/p>\n
\n","protected":false},"excerpt":{"rendered":"
CSS yard\u0131m\u0131 ile ger\u00e7ekten m\u00fckemmel leyler olu\u015fturabilmeniz m\u00fcmk\u00fcn, inan\u0131lmaz bir teknolojidir. T\u00fcm bu g\u00fcc\u00fc kayna\u011fa g\u00f6rsel efektlerden herhangi birini ekleyebilir kolayca kullanabilirsiniz. \u00a0Bu y\u00fczden bug\u00fcn sizlere CSS image hover etkileri hakk\u0131nda konu\u015faca\u011f\u0131m. E\u011fer tasar\u0131mlar\u0131 baz\u0131 alanlar\u0131n\u0131 hareket eklemek istiyorsan\u0131z sizler i\u00e7in bir \u00a0raund-up haz\u0131rlad\u0131k. Image hover \u00f6zelli\u011fini kullanarak, \u00a0blog sayfan\u0131zda veya haz\u0131rlad\u0131\u011f\u0131n\u0131z siteleriniz'de kolayl\u0131kla uygulayabilirsiniz, […]<\/p>\n","protected":false},"author":1805522,"featured_media":3594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24],"tags":[],"yoast_head":"\n\u00dccretsiz CSS3 Hover Etkileri<\/title>\n<meta name=\"description\" content=\"\u00dccretsiz olarak kullanabilece\u011finiz bu css3 etkilerine bay\u0131lacaks\u0131n\u0131z. Kolayl\u0131kla kaynak kodlar\u0131n\u0131 kendi stil dosyan\u0131za ekleyerek harika etkiler yarat\u0131n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00dccretsiz CSS3 Hover Etkileri\" \/>\n<meta property=\"og:description\" content=\"\u00dccretsiz olarak kullanabilece\u011finiz bu css3 etkilerine bay\u0131lacaks\u0131n\u0131z. Kolayl\u0131kla kaynak kodlar\u0131n\u0131 kendi stil dosyan\u0131za ekleyerek harika etkiler yarat\u0131n.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog TemplateMonster T\u00fcrkiye\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-10-11T09:20:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-03-02T13:26:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/10\/css31.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"333\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:site\" content=\"@templatemonster\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bar\u0131\u015f Hep\u00e7orman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/\"},\"author\":{\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\"},\"headline\":\"\u00dccretsiz CSS3 Hover Etkileri Kopyala ve Yap\u0131\u015ft\u0131r\",\"datePublished\":\"2013-10-11T09:20:59+00:00\",\"dateModified\":\"2015-03-02T13:26:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/\"},\"wordCount\":283,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"articleSection\":[\"CSS - CSS3\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/\",\"name\":\"\u00dccretsiz CSS3 Hover Etkileri\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\"},\"datePublished\":\"2013-10-11T09:20:59+00:00\",\"dateModified\":\"2015-03-02T13:26:46+00:00\",\"description\":\"\u00dccretsiz olarak kullanabilece\u011finiz bu css3 etkilerine bay\u0131lacaks\u0131n\u0131z. Kolayl\u0131kla kaynak kodlar\u0131n\u0131 kendi stil dosyan\u0131za ekleyerek harika etkiler yarat\u0131n.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/tr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00dccretsiz CSS3 Hover Etkileri Kopyala ve Yap\u0131\u015ft\u0131r\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#website\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"name\":\"Blog TemplateMonster T\u00fcrkiye\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/tr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#organization\",\"name\":\"MonsterPost T\u00fcrkiye\",\"url\":\"https:\/\/monsterspost.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost T\u00fcrkiye\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/\",\"https:\/\/twitter.com\/templatemonster\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815\",\"name\":\"Bar\u0131\u015f Hep\u00e7orman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Bar\u0131\u015f Hep\u00e7orman\"},\"description\":\"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin\",\"url\":\"https:\/\/monsterspost.com\/tr\/author\/baris\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00dccretsiz CSS3 Hover Etkileri","description":"\u00dccretsiz olarak kullanabilece\u011finiz bu css3 etkilerine bay\u0131lacaks\u0131n\u0131z. Kolayl\u0131kla kaynak kodlar\u0131n\u0131 kendi stil dosyan\u0131za ekleyerek harika etkiler yarat\u0131n.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/","og_locale":"tr_TR","og_type":"article","og_title":"\u00dccretsiz CSS3 Hover Etkileri","og_description":"\u00dccretsiz olarak kullanabilece\u011finiz bu css3 etkilerine bay\u0131lacaks\u0131n\u0131z. Kolayl\u0131kla kaynak kodlar\u0131n\u0131 kendi stil dosyan\u0131za ekleyerek harika etkiler yarat\u0131n.","og_url":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/","og_site_name":"Blog TemplateMonster T\u00fcrkiye","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","article_published_time":"2013-10-11T09:20:59+00:00","article_modified_time":"2015-03-02T13:26:46+00:00","og_image":[{"width":500,"height":333,"url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2013\/10\/css31.jpg","type":"image\/jpeg"}],"author":"Bar\u0131\u015f Hep\u00e7orman","twitter_card":"summary_large_image","twitter_creator":"@templatemonster","twitter_site":"@templatemonster","twitter_misc":{"Yazan:":"Bar\u0131\u015f Hep\u00e7orman","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/"},"author":{"name":"Bar\u0131\u015f Hep\u00e7orman","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815"},"headline":"\u00dccretsiz CSS3 Hover Etkileri Kopyala ve Yap\u0131\u015ft\u0131r","datePublished":"2013-10-11T09:20:59+00:00","dateModified":"2015-03-02T13:26:46+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/"},"wordCount":283,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"articleSection":["CSS - CSS3"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/","url":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/","name":"\u00dccretsiz CSS3 Hover Etkileri","isPartOf":{"@id":"https:\/\/monsterspost.com\/tr\/#website"},"datePublished":"2013-10-11T09:20:59+00:00","dateModified":"2015-03-02T13:26:46+00:00","description":"\u00dccretsiz olarak kullanabilece\u011finiz bu css3 etkilerine bay\u0131lacaks\u0131n\u0131z. Kolayl\u0131kla kaynak kodlar\u0131n\u0131 kendi stil dosyan\u0131za ekleyerek harika etkiler yarat\u0131n.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/tr\/ucretsiz-css3-hover-etkileri-kopyala-ve-yapistir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/tr\/"},{"@type":"ListItem","position":2,"name":"\u00dccretsiz CSS3 Hover Etkileri Kopyala ve Yap\u0131\u015ft\u0131r"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/tr\/#website","url":"https:\/\/monsterspost.com\/tr\/","name":"Blog TemplateMonster T\u00fcrkiye","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/tr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/tr\/#organization","name":"MonsterPost T\u00fcrkiye","url":"https:\/\/monsterspost.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/tr\/wp-content\/uploads\/sites\/8\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost T\u00fcrkiye"},"image":{"@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterTurkey\/","https:\/\/twitter.com\/templatemonster"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/1846793b4f115999bfd6cc63b4d71815","name":"Bar\u0131\u015f Hep\u00e7orman","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/monsterspost.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb66b810f522d016a5638a0a1bee79d2?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Bar\u0131\u015f Hep\u00e7orman"},"description":"Bar\u0131\u015f profesyonel bir i\u00e7erik pazarlamac\u0131s\u0131 ve ilham veren bir yazard\u0131r. G\u00fcnd\u00fcz pazarlama m\u00fcd\u00fcr\u00fc, gece ise yazar, i\u015f, pazarlama, tasar\u0131m ve web geli\u015ftirme \u00fczerine bir\u00e7ok blog yaz\u0131s\u0131 yaz\u0131yor. Web sitesi olu\u015fturucular ve CMS ile \u00e7al\u0131\u015fmay\u0131 ve deneyimini okuyucularla payla\u015fmay\u0131 seviyor. Onu LinkedIn'de takip edin","url":"https:\/\/monsterspost.com\/tr\/author\/baris\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/270"}],"collection":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/users\/1805522"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/comments?post=270"}],"version-history":[{"count":9,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/270\/revisions"}],"predecessor-version":[{"id":3808,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/posts\/270\/revisions\/3808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media\/3594"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/media?parent=270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/categories?post=270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/tr\/wp-json\/wp\/v2\/tags?post=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}