{"version":"1.0","provider_name":"YELLOWWEB.ID","provider_url":"https:\/\/www.yellowweb.id\/blog","author_name":"yellowweb","author_url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/","title":"Merubah Teks Otomatis (CSS Keyframes) - YELLOWWEB.ID","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"NSayGqTwjt\"><a href=\"https:\/\/www.yellowweb.id\/blog\/merubah-teks-otomatis-css-keyframes\/\">Merubah Teks Otomatis (CSS Keyframes)<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.yellowweb.id\/blog\/merubah-teks-otomatis-css-keyframes\/embed\/#?secret=NSayGqTwjt\" width=\"600\" height=\"338\" title=\"&#8220;Merubah Teks Otomatis (CSS Keyframes)&#8221; &#8212; YELLOWWEB.ID\" data-secret=\"NSayGqTwjt\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.yellowweb.id\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2020\/03\/css-keyframes-yellowweb.jpg?fit=600%2C290&ssl=1","thumbnail_width":600,"thumbnail_height":290,"description":"Untuk artikel kali ini kita akan mencoba membuat sebuah efek namun hanya dengan menggunakan HTML dan CSS saja tanpa JavaScript atau pun library jQuery. Efek yang akan dicoba adalah efek animasi teks sederhana dengan menggunakan CSS Keyframes."}