{"id":1466,"date":"2022-03-24T17:26:35","date_gmt":"2022-03-24T10:26:35","guid":{"rendered":"https:\/\/www.yellowweb.id\/blog\/?p=1466"},"modified":"2022-03-24T17:26:40","modified_gmt":"2022-03-24T10:26:40","slug":"efek-background-pseudo-css","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/","title":{"rendered":"Efek Background &#8211; Pseudo CSS"},"content":{"rendered":"\n<p>Akan dibahas divideo ini bagaimana caranya membuat sebuah efek dengan menggunakan Pseudo CSS, jadi dapat diketahui bahwa pseudo css itu terkadang dapat digunakan untuk diimplementasikan dalam membuat sebuah efek atau memanipulasi elemen pada saat implementasinya dalam membuat sebuah halaman web.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Background Effect - Pseudo CSS\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/fiLgduXblNg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Akan dibahas divideo ini bagaimana caranya membuat sebuah efek dengan menggunakan Pseudo CSS, jadi dapat diketahui bahwa pseudo css itu terkadang dapat digunakan untuk diimplementasikan dalam membuat sebuah efek atau memanipulasi elemen pada saat implementasinya dalam membuat sebuah halaman web.<\/p>\n","protected":false},"author":1,"featured_media":1467,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[8,417,543,544],"class_list":["post-1466","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-css","tag-layout","tag-web-desain-2","tag-web-design-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Efek Background - Pseudo CSS - YELLOWWEB.ID<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Efek Background - Pseudo CSS - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Akan dibahas divideo ini bagaimana caranya membuat sebuah efek dengan menggunakan Pseudo CSS, jadi dapat diketahui bahwa pseudo css itu terkadang dapat digunakan untuk diimplementasikan dalam membuat sebuah efek atau memanipulasi elemen pada saat implementasinya dalam membuat sebuah halaman web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-24T10:26:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-24T10:26:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/03\/dddd.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"Efek Background &#8211; Pseudo CSS\",\"datePublished\":\"2022-03-24T10:26:35+00:00\",\"dateModified\":\"2022-03-24T10:26:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/\"},\"wordCount\":52,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/dddd.jpg\",\"keywords\":[\"css\",\"layout\",\"web-desain\",\"web-design\"],\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/\",\"name\":\"Efek Background - Pseudo CSS - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/dddd.jpg\",\"datePublished\":\"2022-03-24T10:26:35+00:00\",\"dateModified\":\"2022-03-24T10:26:40+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/dddd.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/dddd.jpg\",\"width\":800,\"height\":500,\"caption\":\"efek background css\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/efek-background-pseudo-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Efek Background &#8211; Pseudo CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Efek Background - Pseudo CSS - YELLOWWEB.ID","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:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/","og_locale":"en_GB","og_type":"article","og_title":"Efek Background - Pseudo CSS - YELLOWWEB.ID","og_description":"Akan dibahas divideo ini bagaimana caranya membuat sebuah efek dengan menggunakan Pseudo CSS, jadi dapat diketahui bahwa pseudo css itu terkadang dapat digunakan untuk diimplementasikan dalam membuat sebuah efek atau memanipulasi elemen pada saat implementasinya dalam membuat sebuah halaman web.","og_url":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2022-03-24T10:26:35+00:00","article_modified_time":"2022-03-24T10:26:40+00:00","og_image":[{"width":800,"height":500,"url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/03\/dddd.jpg","type":"image\/jpeg"}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"Efek Background &#8211; Pseudo CSS","datePublished":"2022-03-24T10:26:35+00:00","dateModified":"2022-03-24T10:26:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/"},"wordCount":52,"commentCount":0,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/03\/dddd.jpg","keywords":["css","layout","web-desain","web-design"],"articleSection":["CSS"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/","url":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/","name":"Efek Background - Pseudo CSS - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/03\/dddd.jpg","datePublished":"2022-03-24T10:26:35+00:00","dateModified":"2022-03-24T10:26:40+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#primaryimage","url":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/03\/dddd.jpg","contentUrl":"https:\/\/www.yellowweb.id\/blog\/wp-content\/uploads\/2022\/03\/dddd.jpg","width":800,"height":500,"caption":"efek background css"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/efek-background-pseudo-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Efek Background &#8211; Pseudo CSS"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=1466"}],"version-history":[{"count":1,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1466\/revisions"}],"predecessor-version":[{"id":1468,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/1466\/revisions\/1468"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media\/1467"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=1466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=1466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=1466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}