Skip to content
KhanhIceTea
Posts
TIL
About
Home
Posts
Today I Learned
About
Tag
#dom
1 item
til
01 Sep 2023
#TIL : JS DOM event deepdive using SvelteJS demo
%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306b6d4%22%2F%3E%20%3Cstop%20offset%3D%2242%25%22%20stop-color%3D%22%231c1917%22%2F%3E%20%3Cstop%20offset%3D%2278%25%22%20stop-color%3D%22%2306b6d4%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fdba74%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22lgB7bb6c1dc%22%20x1%3D%22100%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20gradientTransform%3D%22rotate(70%200.5%200.5)%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%238b5cf6%22%20stop-opacity%3D%220.9%22%2F%3E%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%231c1917%22%20stop-opacity%3D%220.35%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2306b6d4%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3CradialGradient%20id%3D%22rg17bb6c1dc%22%20cx%3D%2229%25%22%20cy%3D%2245%25%22%20r%3D%2284%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306b6d4%22%20stop-opacity%3D%220.85%22%2F%3E%20%3Cstop%20offset%3D%2245%25%22%20stop-color%3D%22%23fdba74%22%20stop-opacity%3D%220.4%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2306b6d4%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FradialGradient%3E%20%3CradialGradient%20id%3D%22rg27bb6c1dc%22%20cx%3D%2245%25%22%20cy%3D%2246%25%22%20r%3D%2250%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%238b5cf6%22%20stop-opacity%3D%220.75%22%2F%3E%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%231c1917%22%20stop-opacity%3D%220.3%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2306b6d4%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FradialGradient%3E%20%3CradialGradient%20id%3D%22rg37bb6c1dc%22%20cx%3D%2228%25%22%20cy%3D%2266%25%22%20r%3D%2241%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306b6d4%22%20stop-opacity%3D%220.55%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fdba74%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FradialGradient%3E%20%3ClinearGradient%20id%3D%22band7bb6c1dc%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%22100%25%22%20y2%3D%220%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2306b6d4%22%20stop-opacity%3D%220%22%2F%3E%20%3Cstop%20offset%3D%2235%25%22%20stop-color%3D%22%23fdba74%22%20stop-opacity%3D%220.75%22%2F%3E%20%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%238b5cf6%22%20stop-opacity%3D%220.65%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2306b6d4%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Crect%20width%3D%22160%22%20height%3D%22100%22%20fill%3D%22url(%23lgA7bb6c1dc)%22%2F%3E%20%3Cdefs%3E%20%3Cpattern%20id%3D%22mesh7bb6c1dc%22%20width%3D%2214%22%20height%3D%2214%22%20patternUnits%3D%22userSpaceOnUse%22%20patternTransform%3D%22rotate(12)%22%3E%20%3Cpath%20d%3D%22M%2014%200%20L%200%200%200%2014%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.1%22%20stroke-width%3D%220.7%22%2F%3E%20%3C%2Fpattern%3E%20%3C%2Fdefs%3E%20%3Crect%20width%3D%22160%22%20height%3D%22100%22%20fill%3D%22url(%23mesh7bb6c1dc)%22%2F%3E%20%3Ccircle%20cx%3D%2229%25%22%20cy%3D%2245%25%22%20r%3D%2252%22%20fill%3D%22url(%23rg17bb6c1dc)%22%2F%3E%20%3Ccircle%20cx%3D%2245%25%22%20cy%3D%2246%25%22%20r%3D%2251%22%20fill%3D%22url(%23rg27bb6c1dc)%22%2F%3E%20%3Cellipse%20cx%3D%2228%25%22%20cy%3D%2266%25%22%20rx%3D%2257.2%22%20ry%3D%2233%22%20fill%3D%22url(%23rg37bb6c1dc)%22%20transform%3D%22rotate(12%2044.800000000000004%2066)%22%2F%3E%20%3Cpath%20d%3D%22M%200%2090%20C%2040%2040%2C%2090%2095%2C%20160%2030%22%20fill%3D%22none%22%20stroke%3D%22url(%23band7bb6c1dc)%22%20stroke-width%3D%223.04%22%2F%3E%20%3Crect%20width%3D%22160%22%20height%3D%22100%22%20fill%3D%22url(%23rg37bb6c1dc)%22%20opacity%3D%220.35%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2225%22%20r%3D%220.7%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.2%22%2F%3E%20%3Ccircle%20cx%3D%22130%22%20cy%3D%2279%22%20r%3D%220.9%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.15%22%2F%3E%20%3Ccircle%20cx%3D%2282%22%20cy%3D%2228%22%20r%3D%220.55%22%20fill%3D%22%2306b6d4%22%20opacity%3D%220.35%22%2F%3E%20%3Ccircle%20cx%3D%2234%22%20cy%3D%2285%22%20r%3D%220.65%22%20fill%3D%22%23fdba74%22%20opacity%3D%220.25%22%2F%3E%20%3C%2Fsvg%3E)
til