Skip to content
KhanhIceTea
Posts
TIL
About
Home
Posts
Today I Learned
About
Tag
#css
2 items
til
21 Aug 2023
#TIL : CSS Selector element has an attribute which contains some string
til
01 Nov 2018
#TIL : [Bug] Input lost focus after typing 1 character in Safari Browser
%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%235eead4%22%2F%3E%20%3Cstop%20offset%3D%2278%25%22%20stop-color%3D%22%235eead4%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f43f5e%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22lgB375aca28%22%20x1%3D%22100%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20gradientTransform%3D%22rotate(142%200.5%200.5)%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%232dd4bf%22%20stop-opacity%3D%220.9%22%2F%3E%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%235eead4%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%22rg1375aca28%22%20cx%3D%2222%25%22%20cy%3D%2244%25%22%20r%3D%2277%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235eead4%22%20stop-opacity%3D%220.85%22%2F%3E%20%3Cstop%20offset%3D%2245%25%22%20stop-color%3D%22%23f43f5e%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%22rg2375aca28%22%20cx%3D%2288%25%22%20cy%3D%2242%25%22%20r%3D%2270%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%232dd4bf%22%20stop-opacity%3D%220.75%22%2F%3E%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%235eead4%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%22rg3375aca28%22%20cx%3D%2233%25%22%20cy%3D%2271%25%22%20r%3D%2246%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235eead4%22%20stop-opacity%3D%220.55%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23f43f5e%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FradialGradient%3E%20%3ClinearGradient%20id%3D%22band375aca28%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%235eead4%22%20stop-opacity%3D%220%22%2F%3E%20%3Cstop%20offset%3D%2235%25%22%20stop-color%3D%22%23f43f5e%22%20stop-opacity%3D%220.75%22%2F%3E%20%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%232dd4bf%22%20stop-opacity%3D%220.65%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235eead4%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(%23lgA375aca28)%22%2F%3E%20%3Crect%20width%3D%22160%22%20height%3D%22100%22%20fill%3D%22url(%23lgB375aca28)%22%2F%3E%20%3Crect%20x%3D%2226%25%22%20y%3D%2219%25%22%20width%3D%2242%25%22%20height%3D%2243%25%22%20rx%3D%2216%22%20fill%3D%22url(%23rg1375aca28)%22%20opacity%3D%220.9%22%20transform%3D%22rotate(8%2041.6%2019)%22%2F%3E%20%3Crect%20x%3D%2252%25%22%20y%3D%2231%25%22%20width%3D%2243%25%22%20height%3D%2224%25%22%20rx%3D%2214%22%20fill%3D%22url(%23rg2375aca28)%22%20opacity%3D%220.8%22%2F%3E%20%3Ccircle%20cx%3D%2233%25%22%20cy%3D%2244%25%22%20r%3D%2238%22%20fill%3D%22url(%23rg3375aca28)%22%2F%3E%20%3Cpath%20d%3D%22M%2022%2087%20Q%2080%2040%20150%2071%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%222.1%22%2F%3E%20%3Crect%20width%3D%22160%22%20height%3D%22100%22%20fill%3D%22url(%23rg3375aca28)%22%20opacity%3D%220.35%22%2F%3E%20%3Ccircle%20cx%3D%2218%22%20cy%3D%2214%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%2283%22%20r%3D%220.9%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.15%22%2F%3E%20%3Ccircle%20cx%3D%2278%22%20cy%3D%2224%22%20r%3D%220.55%22%20fill%3D%22%235eead4%22%20opacity%3D%220.35%22%2F%3E%20%3Ccircle%20cx%3D%2267%22%20cy%3D%2284%22%20r%3D%220.65%22%20fill%3D%22%23f43f5e%22%20opacity%3D%220.25%22%2F%3E%20%3C%2Fsvg%3E)
til%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23292524%22%2F%3E%20%3Cstop%20offset%3D%2242%25%22%20stop-color%3D%22%23fdba74%22%2F%3E%20%3Cstop%20offset%3D%2278%25%22%20stop-color%3D%22%238b5cf6%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23134e4a%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22lgB7534d101%22%20x1%3D%22100%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%20gradientTransform%3D%22rotate(260%200.5%200.5)%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231c1917%22%20stop-opacity%3D%220.9%22%2F%3E%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%23fdba74%22%20stop-opacity%3D%220.35%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23292524%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3CradialGradient%20id%3D%22rg17534d101%22%20cx%3D%2216%25%22%20cy%3D%2232%25%22%20r%3D%2271%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%238b5cf6%22%20stop-opacity%3D%220.85%22%2F%3E%20%3Cstop%20offset%3D%2245%25%22%20stop-color%3D%22%23134e4a%22%20stop-opacity%3D%220.4%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23292524%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FradialGradient%3E%20%3CradialGradient%20id%3D%22rg27534d101%22%20cx%3D%2269%25%22%20cy%3D%2251%25%22%20r%3D%2277%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231c1917%22%20stop-opacity%3D%220.75%22%2F%3E%20%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%23fdba74%22%20stop-opacity%3D%220.3%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23292524%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FradialGradient%3E%20%3CradialGradient%20id%3D%22rg37534d101%22%20cx%3D%2229%25%22%20cy%3D%2279%25%22%20r%3D%2242%25%22%3E%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%238b5cf6%22%20stop-opacity%3D%220.55%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23134e4a%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FradialGradient%3E%20%3ClinearGradient%20id%3D%22band7534d101%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%238b5cf6%22%20stop-opacity%3D%220%22%2F%3E%20%3Cstop%20offset%3D%2235%25%22%20stop-color%3D%22%23134e4a%22%20stop-opacity%3D%220.75%22%2F%3E%20%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%231c1917%22%20stop-opacity%3D%220.65%22%2F%3E%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%238b5cf6%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(%23lgA7534d101)%22%2F%3E%20%3Crect%20width%3D%22160%22%20height%3D%22100%22%20fill%3D%22url(%23rg17534d101)%22%2F%3E%20%3Ccircle%20cx%3D%2216%25%22%20cy%3D%2251%25%22%20r%3D%2271%22%20fill%3D%22none%22%20stroke%3D%22url(%23band7534d101)%22%20stroke-width%3D%223.2199999999999998%22%2F%3E%20%3Ccircle%20cx%3D%2269%25%22%20cy%3D%2232%25%22%20r%3D%2260.35%22%20fill%3D%22none%22%20stroke%3D%22%231c1917%22%20stroke-opacity%3D%220.45%22%20stroke-width%3D%222.3%22%2F%3E%20%3Ccircle%20cx%3D%2229%25%22%20cy%3D%2279%25%22%20r%3D%2225%22%20fill%3D%22url(%23rg27534d101)%22%2F%3E%20%3Ccircle%20cx%3D%2235%25%22%20cy%3D%229%25%22%20r%3D%223.8%22%20fill%3D%22%238b5cf6%22%20opacity%3D%220.22%22%2F%3E%3Ccircle%20cx%3D%2214%25%22%20cy%3D%2282%25%22%20r%3D%222.8%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.47000000000000003%22%2F%3E%3Ccircle%20cx%3D%2245%25%22%20cy%3D%2211%25%22%20r%3D%221.1333333333333333%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.29000000000000004%22%2F%3E%3Ccircle%20cx%3D%2282%25%22%20cy%3D%2228%25%22%20r%3D%223.1333333333333337%22%20fill%3D%22%238b5cf6%22%20opacity%3D%220.36%22%2F%3E%3Ccircle%20cx%3D%2219%25%22%20cy%3D%2222%25%22%20r%3D%221.4666666666666668%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.21000000000000002%22%2F%3E%3Ccircle%20cx%3D%2236%25%22%20cy%3D%2229%25%22%20r%3D%223.1333333333333337%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.47000000000000003%22%2F%3E%3Ccircle%20cx%3D%2268%25%22%20cy%3D%2256%25%22%20r%3D%223.8%22%20fill%3D%22%238b5cf6%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%2273%25%22%20cy%3D%2230%25%22%20r%3D%220.8%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.27%22%2F%3E%3Ccircle%20cx%3D%2291%25%22%20cy%3D%2243%25%22%20r%3D%221.1333333333333333%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2250%25%22%20cy%3D%2287%25%22%20r%3D%222.1333333333333333%22%20fill%3D%22%238b5cf6%22%20opacity%3D%220.30000000000000004%22%2F%3E%3Ccircle%20cx%3D%2287%25%22%20cy%3D%2255%25%22%20r%3D%221.1333333333333333%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.21000000000000002%22%2F%3E%3Ccircle%20cx%3D%2234%25%22%20cy%3D%2251%25%22%20r%3D%221.8%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%2291%25%22%20cy%3D%2244%25%22%20r%3D%221.4666666666666668%22%20fill%3D%22%238b5cf6%22%20opacity%3D%220.21000000000000002%22%2F%3E%3Ccircle%20cx%3D%2216%25%22%20cy%3D%2275%25%22%20r%3D%223.1333333333333337%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.43000000000000005%22%2F%3E%20%3Crect%20width%3D%22160%22%20height%3D%22100%22%20fill%3D%22url(%23rg37534d101)%22%20opacity%3D%220.35%22%2F%3E%20%3Ccircle%20cx%3D%2220%22%20cy%3D%2221%22%20r%3D%220.7%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.2%22%2F%3E%20%3Ccircle%20cx%3D%22121%22%20cy%3D%2262%22%20r%3D%220.9%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.15%22%2F%3E%20%3Ccircle%20cx%3D%2289%22%20cy%3D%2211%22%20r%3D%220.55%22%20fill%3D%22%238b5cf6%22%20opacity%3D%220.35%22%2F%3E%20%3Ccircle%20cx%3D%2231%22%20cy%3D%2272%22%20r%3D%220.65%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.25%22%2F%3E%20%3C%2Fsvg%3E)