{"id":9203,"date":"2020-09-30T14:45:56","date_gmt":"2020-09-30T11:45:56","guid":{"rendered":"https:\/\/bilgisayarbilisim.net\/egitim\/?p=9203"},"modified":"2022-10-03T23:46:25","modified_gmt":"2022-10-03T20:46:25","slug":"css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme","status":"publish","type":"post","link":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/","title":{"rendered":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 &#8211; CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme"},"content":{"rendered":"<p style=\"text-align: justify;\">Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video&#8217;da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z. <\/p>\n","protected":false},"author":84,"featured_media":9204,"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,825,832,890],"cactus_badges":[],"video-series":[],"class_list":["post-9203","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-egitimleri","tag-css-sik-kart-tasarimi","tag-html-egitimleri","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=\"Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video&#039;da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing\" \/>\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\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/\" \/>\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=\"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme - BBNET S\u00fcrekli E\u011fitim Merkezi\" \/>\n\t\t<meta property=\"og:description\" content=\"Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video&#039;da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/\" \/>\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-09-30T11:45:56+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-10-03T20:46:25+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme - BBNET S\u00fcrekli E\u011fitim Merkezi\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video&#039;da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing\" \/>\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\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#blogposting\",\"name\":\"CSS3 \\u015e\\u0131k Kart Tasar\\u0131m\\u0131 \\u2013 CSS Kutu-Text G\\u00f6lgelendirme-Kenar Yuvarlama-D\\u00f6nd\\u00fcrme - BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"headline\":\"CSS3 \\u015e\\u0131k Kart Tasar\\u0131m\\u0131 &#8211; CSS Kutu-Text G\\u00f6lgelendirme-Kenar Yuvarlama-D\\u00f6nd\\u00fcrme\",\"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\\\/09\\\/CSS3-Sik-Kart-Tasarimi-CSS-Kutu-Text-Golgelendirme-Kenar-Yuvarlama-Dondurme-1.jpg\",\"width\":900,\"height\":506,\"caption\":\"CSS3 \\u015e\\u0131k Kart Tasar\\u0131m\\u0131 - CSS Kutu-Text G\\u00f6lgelendirme-Kenar Yuvarlama-D\\u00f6nd\\u00fcrme\"},\"datePublished\":\"2020-09-30T14:45:56+03:00\",\"dateModified\":\"2022-10-03T23:46:25+03:00\",\"inLanguage\":\"tr-TR\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#webpage\"},\"articleSection\":\"Html ve Css E\\u011fitimleri, T\\u00fcm E\\u011fitimler, Web Tasar\\u0131m E\\u011fitimleri, bbnet sem, css e\\u011fitimleri, css \\u015f\\u0131k kart tasar\\u0131m\\u0131, html e\\u011fitimleri, Video\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#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\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#listItem\",\"name\":\"CSS3 \\u015e\\u0131k Kart Tasar\\u0131m\\u0131 &#8211; CSS Kutu-Text G\\u00f6lgelendirme-Kenar Yuvarlama-D\\u00f6nd\\u00fcrme\"},\"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\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#listItem\",\"position\":4,\"name\":\"CSS3 \\u015e\\u0131k Kart Tasar\\u0131m\\u0131 &#8211; CSS Kutu-Text G\\u00f6lgelendirme-Kenar Yuvarlama-D\\u00f6nd\\u00fcrme\",\"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\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#organizationLogo\",\"width\":400,\"height\":251},\"image\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#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\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#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\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#webpage\",\"url\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/\",\"name\":\"CSS3 \\u015e\\u0131k Kart Tasar\\u0131m\\u0131 \\u2013 CSS Kutu-Text G\\u00f6lgelendirme-Kenar Yuvarlama-D\\u00f6nd\\u00fcrme - BBNET S\\u00fcrekli E\\u011fitim Merkezi\",\"description\":\"Bu videomuzda HTML-CSS ile bir kart tasar\\u0131m\\u0131 yapaca\\u011f\\u0131z.Bunu yapabilmek i\\u00e7in kulland\\u0131klar\\u0131m\\u0131z; CSS box-shadow (kutu g\\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\\u00f6nd\\u00fcrme) \\u00f6zelliklerini kulland\\u0131k.Ayr\\u0131ca burda kutuya uygulanabildi\\u011fi gibi text \\u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\\u011fi\\u015fik g\\u00fczel kart tasar\\u0131mlar\\u0131 yapabilirsiniz. Video'da yap\\u0131lan uygulaman\\u0131n kaynak kodlar\\u0131n\\u0131 a\\u015fa\\u011f\\u0131daki linkten indirebilirsiniz. https:\\\/\\\/drive.google.com\\\/file\\\/d\\\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\\\/view?usp=sharing\",\"inLanguage\":\"tr-TR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#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\\\/09\\\/CSS3-Sik-Kart-Tasarimi-CSS-Kutu-Text-Golgelendirme-Kenar-Yuvarlama-Dondurme-1.jpg\",\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#mainImage\",\"width\":900,\"height\":506,\"caption\":\"CSS3 \\u015e\\u0131k Kart Tasar\\u0131m\\u0131 - CSS Kutu-Text G\\u00f6lgelendirme-Kenar Yuvarlama-D\\u00f6nd\\u00fcrme\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bilgisayarbilisim.net\\\/egitim\\\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\\\/#mainImage\"},\"datePublished\":\"2020-09-30T14:45:56+03:00\",\"dateModified\":\"2022-10-03T23:46:25+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":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme - BBNET S\u00fcrekli E\u011fitim Merkezi","description":"Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video'da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing","canonical_url":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#blogposting","name":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme - BBNET S\u00fcrekli E\u011fitim Merkezi","headline":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 &#8211; CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme","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\/09\/CSS3-Sik-Kart-Tasarimi-CSS-Kutu-Text-Golgelendirme-Kenar-Yuvarlama-Dondurme-1.jpg","width":900,"height":506,"caption":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 - CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme"},"datePublished":"2020-09-30T14:45:56+03:00","dateModified":"2022-10-03T23:46:25+03:00","inLanguage":"tr-TR","mainEntityOfPage":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#webpage"},"isPartOf":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#webpage"},"articleSection":"Html ve Css E\u011fitimleri, T\u00fcm E\u011fitimler, Web Tasar\u0131m E\u011fitimleri, bbnet sem, css e\u011fitimleri, css \u015f\u0131k kart tasar\u0131m\u0131, html e\u011fitimleri, Video"},{"@type":"BreadcrumbList","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#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\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#listItem","name":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 &#8211; CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme"},"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\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#listItem","position":4,"name":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 &#8211; CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme","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\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#organizationLogo","width":400,"height":251},"image":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#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\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#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\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#webpage","url":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/","name":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme - BBNET S\u00fcrekli E\u011fitim Merkezi","description":"Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video'da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing","inLanguage":"tr-TR","isPartOf":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/#website"},"breadcrumb":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#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\/09\/CSS3-Sik-Kart-Tasarimi-CSS-Kutu-Text-Golgelendirme-Kenar-Yuvarlama-Dondurme-1.jpg","@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#mainImage","width":900,"height":506,"caption":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 - CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme"},"primaryImageOfPage":{"@id":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/#mainImage"},"datePublished":"2020-09-30T14:45:56+03:00","dateModified":"2022-10-03T23:46:25+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":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme - BBNET S\u00fcrekli E\u011fitim Merkezi","og:description":"Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video'da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing","og:url":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/","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-09-30T11:45:56+00:00","article:modified_time":"2022-10-03T20:46:25+00:00","twitter:card":"summary","twitter:title":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme - BBNET S\u00fcrekli E\u011fitim Merkezi","twitter:description":"Bu videomuzda HTML-CSS ile bir kart tasar\u0131m\u0131 yapaca\u011f\u0131z.Bunu yapabilmek i\u00e7in kulland\u0131klar\u0131m\u0131z; CSS box-shadow (kutu g\u00f6lgelendirme), border-radius (kenar yuvarlama), transform(rotate) (D\u00f6nd\u00fcrme) \u00f6zelliklerini kulland\u0131k.Ayr\u0131ca burda kutuya uygulanabildi\u011fi gibi text \u00fczerine de uygulanabilmektedir. Sizde bu videoyu izleyerek de\u011fi\u015fik g\u00fczel kart tasar\u0131mlar\u0131 yapabilirsiniz. Video'da yap\u0131lan uygulaman\u0131n kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki linkten indirebilirsiniz. https:\/\/drive.google.com\/file\/d\/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl\/view?usp=sharing","twitter:image":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2016\/05\/bbnet-sem-logo.png"},"aioseo_meta_data":{"post_id":"9203","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":true},"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:11:08","updated":"2025-06-04 02:38:30","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\tCSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 \u2013 CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme\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":"CSS3 \u015e\u0131k Kart Tasar\u0131m\u0131 &#8211; CSS Kutu-Text G\u00f6lgelendirme-Kenar Yuvarlama-D\u00f6nd\u00fcrme","link":"https:\/\/bilgisayarbilisim.net\/egitim\/css3-sik-kart-tasarimi-css-kutu-text-golgelendirme-kenar-yuvarlama-dondurme\/"}],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-content\/uploads\/2020\/09\/CSS3-Sik-Kart-Tasarimi-CSS-Kutu-Text-Golgelendirme-Kenar-Yuvarlama-Dondurme-1.jpg","_links":{"self":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/9203","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=9203"}],"version-history":[{"count":1,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/9203\/revisions"}],"predecessor-version":[{"id":9591,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/posts\/9203\/revisions\/9591"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/media\/9204"}],"wp:attachment":[{"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/media?parent=9203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/categories?post=9203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/tags?post=9203"},{"taxonomy":"cactus_badges","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/cactus_badges?post=9203"},{"taxonomy":"video-series","embeddable":true,"href":"https:\/\/bilgisayarbilisim.net\/egitim\/wp-json\/wp\/v2\/video-series?post=9203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}