gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat. lnb컴포넌트

Browse Source
This commit is contained in:
clkim
2025-11-11 16:53:46 +09:00
parent 208a907e91
commit 4b034ec009
17 changed files with 486 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
public/images/sample/l9_common/btn_system_play.svg
View File

@@ -1,10 +1,15 @@
<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<foreignObject x="0" y="0" width="100" height="100"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_3299_15025_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="10">
<circle cx="50" cy="50" r="40" fill="black" fill-opacity="0.5"/>
<circle cx="50" cy="50" r="39.5" stroke="white" stroke-opacity="0.5"/>
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3299_15025)">
<foreignObject x="-10" y="-10" width="100" height="100"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_1_3299_15025_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="10">
<circle cx="40" cy="40" r="40" fill="black" fill-opacity="0.5"/>
<circle cx="40" cy="40" r="39.5" stroke="white" stroke-opacity="0.5"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.4839 49.0812C36.7639 50.0629 35.079 50.9852 33.4291 51.8405C32.4954 52.3239 31.4072 51.6545 31.337 50.5612C31.2106 48.62 31.1193 46.6119 31.0632 44.5443C31.0211 43.0568 31 41.5396 31 40C31 38.4604 31.0211 36.9506 31.0632 35.4557C31.1193 33.3881 31.2106 31.38 31.337 29.4388C31.4072 28.3455 32.4954 27.6761 33.4291 28.1595C35.079 29.0149 36.7709 29.9371 38.4839 30.9188C39.7196 31.6254 40.9692 32.3617 42.2259 33.1352C43.4826 33.9087 44.7112 34.6822 45.9047 35.4631C47.5686 36.549 49.1622 37.6349 50.6857 38.7208C51.5492 39.3306 51.5492 40.6694 50.6857 41.2793C49.1622 42.3651 47.5615 43.4584 45.9047 44.5369C44.7112 45.3178 43.4826 46.0987 42.2259 46.8648C40.9692 47.6383 39.7196 48.3672 38.4839 49.0812Z" fill="white" fill-opacity="0.5"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.4839 59.0812C46.7639 60.0629 45.079 60.9852 43.4291 61.8405C42.4954 62.3239 41.4072 61.6545 41.337 60.5612C41.2106 58.62 41.1193 56.6119 41.0632 54.5443C41.0211 53.0568 41 51.5396 41 50C41 48.4604 41.0211 46.9506 41.0632 45.4557C41.1193 43.3881 41.2106 41.38 41.337 39.4388C41.4072 38.3455 42.4954 37.6761 43.4291 38.1595C45.079 39.0149 46.7709 39.9371 48.4839 40.9188C49.7196 41.6254 50.9692 42.3617 52.2259 43.1352C53.4826 43.9087 54.7112 44.6822 55.9047 45.4631C57.5686 46.549 59.1622 47.6349 60.6857 48.7208C61.5492 49.3306 61.5492 50.6694 60.6857 51.2793C59.1622 52.3651 57.5615 53.4584 55.9047 54.5369C54.7112 55.3178 53.4826 56.0987 52.2259 56.8648C50.9692 57.6383 49.7196 58.3672 48.4839 59.0812Z" fill="white" fill-opacity="0.5"/>
<defs>
<clipPath id="bgblur_0_3299_15025_clip_path" transform="translate(0 0)"><circle cx="50" cy="50" r="40"/>
</clipPath></defs>
<clipPath id="bgblur_1_3299_15025_clip_path" transform="translate(10 10)"><circle cx="40" cy="40" r="40"/>
</clipPath><clipPath id="clip0_3299_15025">
<rect width="80" height="80" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB