{"id":8927,"date":"2020-05-27T20:58:18","date_gmt":"2020-05-27T17:58:18","guid":{"rendered":"https:\/\/bilgisayarbilisim.net\/egitim\/?p=8927"},"modified":"2022-10-04T00:04:53","modified_gmt":"2022-10-03T21:04:53","slug":"css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti","status":"publish","type":"post","link":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/","title":{"rendered":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 &#8211; Css Resimlere Zoom Efekti"},"content":{"rendered":"<p style=\"text-align: justify;\">CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 &#8211; Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video&#8217;da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz. https:\/\/drive.google.com\/open?id=1oLzeNSRwrph7cvvWy6aNPZn3_JFdMmUX<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 &#8211; Css Resimlere Zoom Efekti<\/p>\n","protected":false},"author":84,"featured_media":8930,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[743,732,734],"tags":[787,827,830,887,889],"cactus_badges":[],"video-series":[],"class_list":["post-8927","post","type-post","status-publish","format-video","has-post-thumbnail","category-html-ve-css-egitimleri","category-tumegitimler","category-web-tasarimi","tag-bbnet-sem","tag-css-ile-resimlerinize-odaklanma-yapimi","tag-css-resimlere-zoom-efekti","tag-html-css","tag-html-dersleri","post_format-post-format-video"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video&#039;da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Mehmet Elbeyli\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"tr_TR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"BBNET S\u00fcrekli E\u011fitim Merkezi - Teknoloji, Tasar\u0131m, Robotik ve Kodlama E\u011fitimleri\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti - BBNET S\u00fcrekli E\u011fitim Merkezi\" \/>\n\t\t<meta property=\"og:description\" content=\"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video&#039;da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t\t<meta property=\"og:image:height\" content=\"251\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-05-27T17:58:18+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-10-03T21:04:53+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti - BBNET S\u00fcrekli E\u011fitim Merkezi\" \/>\n\t\t<meta name=\"twitter:description\" content=\"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video&#039;da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#blogposting\",\"name\":\"CSS \\u0130le Resimlerinize Odaklanma Yap\\u0131m\\u0131 \\u2013 Css Resimlere Zoom Efekti - BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"headline\":\"CSS \\u0130le Resimlerinize Odaklanma Yap\\u0131m\\u0131 &#8211; Css Resimlere Zoom Efekti\",\"author\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/CSS-Ile-Resimlerinize-Odaklanma-Yapimi.jpg\",\"width\":900,\"height\":506},\"datePublished\":\"2020-05-27T20:58:18+03:00\",\"dateModified\":\"2022-10-04T00:04:53+03:00\",\"inLanguage\":\"tr-TR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#webpage\"},\"articleSection\":\"Html ve Css E\\u011fitimleri, T\\u00fcm E\\u011fitimler, Web Tasar\\u0131m E\\u011fitimleri, bbnet sem, CSS \\u0130le Resimlerinize Odaklanma Yap\\u0131m\\u0131, Css Resimlere Zoom Efekti, html css, html dersleri, Video\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#listItem\",\"position\":1,\"name\":\"Ev\",\"item\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/#listItem\",\"name\":\"Web Tasar\\u0131m E\\u011fitimleri\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/#listItem\",\"position\":2,\"name\":\"Web Tasar\\u0131m E\\u011fitimleri\",\"item\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/#listItem\",\"name\":\"Html ve Css E\\u011fitimleri\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#listItem\",\"name\":\"Ev\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/#listItem\",\"position\":3,\"name\":\"Html ve Css E\\u011fitimleri\",\"item\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#listItem\",\"name\":\"CSS \\u0130le Resimlerinize Odaklanma Yap\\u0131m\\u0131 &#8211; Css Resimlere Zoom Efekti\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/#listItem\",\"name\":\"Web Tasar\\u0131m E\\u011fitimleri\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#listItem\",\"position\":4,\"name\":\"CSS \\u0130le Resimlerinize Odaklanma Yap\\u0131m\\u0131 &#8211; Css Resimlere Zoom Efekti\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/category\\\/web-tasarimi\\\/html-ve-css-egitimleri\\\/#listItem\",\"name\":\"Html ve Css E\\u011fitimleri\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#organization\",\"name\":\"BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"description\":\"Teknoloji, Tasar\\u0131m, Robotik ve Kodlama E\\u011fitimleri\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/bbnet-sem-logo.png\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#organizationLogo\",\"width\":400,\"height\":251},\"image\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/\",\"name\":\"Mehmet Elbeyli\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#authorImage\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/avatars\\\/84\\\/6035755886f33-bpfull.jpg\",\"width\":96,\"height\":96,\"caption\":\"Mehmet Elbeyli\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#webpage\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/\",\"name\":\"CSS \\u0130le Resimlerinize Odaklanma Yap\\u0131m\\u0131 \\u2013 Css Resimlere Zoom Efekti - BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"description\":\"CSS \\u0130le Resimlerinize Odaklanma Yap\\u0131m\\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\\u00e7ok Sitenin Kulland\\u0131\\u011f\\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \\u00d6zellikleri Arac\\u0131l\\u0131\\u011f\\u0131yla Yap\\u0131lan Bu \\u00d6zellikle Resimleriniz Daha \\u00d6nplana \\u00c7\\u0131km\\u0131\\u015f ve Daha Efektif Kullan\\u0131lm\\u0131\\u015f Olacakt\\u0131r. Bu Derste Bunu Sa\\u011flayan Transform ve Scale \\u00d6zellikleri \\u0130le Birlikte Overflow:hidden \\u00d6zelli\\u011fi Detayl\\u0131ca Anlat\\u0131lm\\u0131\\u015ft\\u0131r. Video'da Anlat\\u0131lan Dersin Kaynak Kodlar\\u0131na A\\u015fa\\u011f\\u0131daki Linkten Ula\\u015fabilirsiniz.\",\"inLanguage\":\"tr-TR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/uploader\\\/sas7979\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/CSS-Ile-Resimlerinize-Odaklanma-Yapimi.jpg\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#mainImage\",\"width\":900,\"height\":506},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\\\/#mainImage\"},\"datePublished\":\"2020-05-27T20:58:18+03:00\",\"dateModified\":\"2022-10-04T00:04:53+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#website\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/\",\"name\":\"BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"description\":\"Teknoloji, Tasar\\u0131m, Robotik ve Kodlama E\\u011fitimleri\",\"inLanguage\":\"tr-TR\",\"publisher\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti - BBNET S\u00fcrekli E\u011fitim Merkezi","description":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video'da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz.","canonical_url":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#blogposting","name":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti - BBNET S\u00fcrekli E\u011fitim Merkezi","headline":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 &#8211; Css Resimlere Zoom Efekti","author":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author"},"publisher":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/05\/CSS-Ile-Resimlerinize-Odaklanma-Yapimi.jpg","width":900,"height":506},"datePublished":"2020-05-27T20:58:18+03:00","dateModified":"2022-10-04T00:04:53+03:00","inLanguage":"tr-TR","mainEntityOfPage":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#webpage"},"isPartOf":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#webpage"},"articleSection":"Html ve Css E\u011fitimleri, T\u00fcm E\u011fitimler, Web Tasar\u0131m E\u011fitimleri, bbnet sem, CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131, Css Resimlere Zoom Efekti, html css, html dersleri, Video"},{"@type":"BreadcrumbList","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#listItem","position":1,"name":"Ev","item":"https:\/\/bilgisayarbilisim.net\/egitim\/","nextItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/#listItem","name":"Web Tasar\u0131m E\u011fitimleri"}},{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/#listItem","position":2,"name":"Web Tasar\u0131m E\u011fitimleri","item":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/","nextItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/#listItem","name":"Html ve Css E\u011fitimleri"},"previousItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#listItem","name":"Ev"}},{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/#listItem","position":3,"name":"Html ve Css E\u011fitimleri","item":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/","nextItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#listItem","name":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 &#8211; Css Resimlere Zoom Efekti"},"previousItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/#listItem","name":"Web Tasar\u0131m E\u011fitimleri"}},{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#listItem","position":4,"name":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 &#8211; Css Resimlere Zoom Efekti","previousItem":{"@type":"ListItem","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/#listItem","name":"Html ve Css E\u011fitimleri"}}]},{"@type":"Organization","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#organization","name":"BBNET S\u00fcrekli E\u011fitim Merkezi","description":"Teknoloji, Tasar\u0131m, Robotik ve Kodlama E\u011fitimleri","url":"https:\/\/bilgisayarbilisim.net\/egitim\/","logo":{"@type":"ImageObject","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#organizationLogo","width":400,"height":251},"image":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author","url":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/","name":"Mehmet Elbeyli","image":{"@type":"ImageObject","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#authorImage","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/avatars\/84\/6035755886f33-bpfull.jpg","width":96,"height":96,"caption":"Mehmet Elbeyli"}},{"@type":"WebPage","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#webpage","url":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/","name":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti - BBNET S\u00fcrekli E\u011fitim Merkezi","description":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video'da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz.","inLanguage":"tr-TR","isPartOf":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#website"},"breadcrumb":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#breadcrumblist"},"author":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author"},"creator":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/uploader\/sas7979\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/05\/CSS-Ile-Resimlerinize-Odaklanma-Yapimi.jpg","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#mainImage","width":900,"height":506},"primaryImageOfPage":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/#mainImage"},"datePublished":"2020-05-27T20:58:18+03:00","dateModified":"2022-10-04T00:04:53+03:00"},{"@type":"WebSite","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#website","url":"https:\/\/bilgisayarbilisim.net\/egitim\/","name":"BBNET S\u00fcrekli E\u011fitim Merkezi","description":"Teknoloji, Tasar\u0131m, Robotik ve Kodlama E\u011fitimleri","inLanguage":"tr-TR","publisher":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#organization"}}]},"og:locale":"tr_TR","og:site_name":"BBNET S\u00fcrekli E\u011fitim Merkezi - Teknoloji, Tasar\u0131m, Robotik ve Kodlama E\u011fitimleri","og:type":"article","og:title":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti - BBNET S\u00fcrekli E\u011fitim Merkezi","og:description":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video'da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz.","og:url":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/","og:image":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png","og:image:secure_url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png","og:image:width":400,"og:image:height":251,"article:published_time":"2020-05-27T17:58:18+00:00","article:modified_time":"2022-10-03T21:04:53+00:00","twitter:card":"summary","twitter:title":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti - BBNET S\u00fcrekli E\u011fitim Merkezi","twitter:description":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Bir\u00e7ok Sitenin Kulland\u0131\u011f\u0131 Zoom(Odaklanma) Efekti Verebilirsiniz.CSS \u00d6zellikleri Arac\u0131l\u0131\u011f\u0131yla Yap\u0131lan Bu \u00d6zellikle Resimleriniz Daha \u00d6nplana \u00c7\u0131km\u0131\u015f ve Daha Efektif Kullan\u0131lm\u0131\u015f Olacakt\u0131r. Bu Derste Bunu Sa\u011flayan Transform ve Scale \u00d6zellikleri \u0130le Birlikte Overflow:hidden \u00d6zelli\u011fi Detayl\u0131ca Anlat\u0131lm\u0131\u015ft\u0131r. Video'da Anlat\u0131lan Dersin Kaynak Kodlar\u0131na A\u015fa\u011f\u0131daki Linkten Ula\u015fabilirsiniz.","twitter:image":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png"},"aioseo_meta_data":{"post_id":"8927","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":false},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-02-23 21:05:57","updated":"2025-06-04 02:35:39","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/bilgisayarbilisim.net\/egitim\/\" title=\"Ev\">Ev<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/\" title=\"Web Tasar\u0131m E\u011fitimleri\">Web Tasar\u0131m E\u011fitimleri<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/\" title=\"Html ve Css E\u011fitimleri\">Html ve Css E\u011fitimleri<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 \u2013 Css Resimlere Zoom Efekti\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Ev","link":"https:\/\/bilgisayarbilisim.net\/egitim\/"},{"label":"Web Tasar\u0131m E\u011fitimleri","link":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/"},{"label":"Html ve Css E\u011fitimleri","link":"https:\/\/bilgisayarbilisim.net\/egitim\/category\/web-tasarimi\/html-ve-css-egitimleri\/"},{"label":"CSS \u0130le Resimlerinize Odaklanma Yap\u0131m\u0131 &#8211; Css Resimlere Zoom Efekti","link":"https:\/\/bilgisayarbilisim.net\/egitim\/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti\/"}],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/05\/CSS-Ile-Resimlerinize-Odaklanma-Yapimi.jpg","_links":{"self":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/8927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/comments?post=8927"}],"version-history":[{"count":1,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/8927\/revisions"}],"predecessor-version":[{"id":9554,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/8927\/revisions\/9554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/media\/8930"}],"wp:attachment":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/media?parent=8927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/categories?post=8927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/tags?post=8927"},{"taxonomy":"cactus_badges","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/cactus_badges?post=8927"},{"taxonomy":"video-series","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/video-series?post=8927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}