
		<!-- All in One SEO 4.9.9 - aioseo.com -->
	<meta name="description" content="CSS İle Resimlerinize Odaklanma Yapımı - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Birçok Sitenin Kullandığı Zoom(Odaklanma) Efekti Verebilirsiniz.CSS Özellikleri Aracılığıyla Yapılan Bu Özellikle Resimleriniz Daha Önplana Çıkmış ve Daha Efektif Kullanılmış Olacaktır. Bu Derste Bunu Sağlayan Transform ve Scale Özellikleri İle Birlikte Overflow:hidden Özelliği Detaylıca Anlatılmıştır. Video&#039;da Anlatılan Dersin Kaynak Kodlarına Aşağıdaki Linkten Ulaşabilirsiniz." />
	<meta name="robots" content="max-image-preview:large" />
	<meta name="author" content="Mehmet Elbeyli"/>
	<link rel="canonical" href="https://bilgisayarbilisim.net/egitim/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti/" />
	<meta name="generator" content="All in One SEO (AIOSEO) 4.9.9" />
		<meta property="og:locale" content="tr_TR" />
		<meta property="og:site_name" content="BBNET Sürekli Eğitim Merkezi - Teknoloji, Tasarım, Robotik ve Kodlama Eğitimleri" />
		<meta property="og:type" content="article" />
		<meta property="og:title" content="CSS İle Resimlerinize Odaklanma Yapımı – Css Resimlere Zoom Efekti - BBNET Sürekli Eğitim Merkezi" />
		<meta property="og:description" content="CSS İle Resimlerinize Odaklanma Yapımı - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Birçok Sitenin Kullandığı Zoom(Odaklanma) Efekti Verebilirsiniz.CSS Özellikleri Aracılığıyla Yapılan Bu Özellikle Resimleriniz Daha Önplana Çıkmış ve Daha Efektif Kullanılmış Olacaktır. Bu Derste Bunu Sağlayan Transform ve Scale Özellikleri İle Birlikte Overflow:hidden Özelliği Detaylıca Anlatılmıştır. Video&#039;da Anlatılan Dersin Kaynak Kodlarına Aşağıdaki Linkten Ulaşabilirsiniz." />
		<meta property="og:url" content="https://bilgisayarbilisim.net/egitim/css-ile-resimlerinize-odaklanma-yapimi-css-resimlere-zoom-efekti/" />
		<meta property="og:image" content="https://bilgisayarbilisim.net/egitim/wp-content/uploads/2016/05/bbnet-sem-logo.png" />
		<meta property="og:image:secure_url" content="https://bilgisayarbilisim.net/egitim/wp-content/uploads/2016/05/bbnet-sem-logo.png" />
		<meta property="og:image:width" content="400" />
		<meta property="og:image:height" content="251" />
		<meta property="article:published_time" content="2020-05-27T17:58:18+00:00" />
		<meta property="article:modified_time" content="2022-10-03T21:04:53+00:00" />
		<meta name="twitter:card" content="summary" />
		<meta name="twitter:title" content="CSS İle Resimlerinize Odaklanma Yapımı – Css Resimlere Zoom Efekti - BBNET Sürekli Eğitim Merkezi" />
		<meta name="twitter:description" content="CSS İle Resimlerinize Odaklanma Yapımı - Css Resimlere Zoom Efekti. Html-Css Kullanarak Resimlerinize Birçok Sitenin Kullandığı Zoom(Odaklanma) Efekti Verebilirsiniz.CSS Özellikleri Aracılığıyla Yapılan Bu Özellikle Resimleriniz Daha Önplana Çıkmış ve Daha Efektif Kullanılmış Olacaktır. Bu Derste Bunu Sağlayan Transform ve Scale Özellikleri İle Birlikte Overflow:hidden Özelliği Detaylıca Anlatılmıştır. Video&#039;da Anlatılan Dersin Kaynak Kodlarına Aşağıdaki Linkten Ulaşabilirsiniz." />
		<meta name="twitter:image" content="https://bilgisayarbilisim.net/egitim/wp-content/uploads/2016/05/bbnet-sem-logo.png" />
{"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":"\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},"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\">&raquo;<\/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\">&raquo;<\/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\">&raquo;<\/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_featured_media_url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/05\/CSS-Ile-Resimlerinize-Odaklanma-Yapimi.jpg","jetpack_sharing_enabled":true,"_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}]}}