HTML Popover ??? ??? ??? ?? ??? ??? ?? ?? JavaScript? ???? ?? ?? ? ????. ???? ? ??? ??? ?? ?? ??? ?????. ?, ???? ????? ???? ?? ? ????. ?? HTML Popover?? ????? ?? ??? ??? ???? ?? ??? ????? ?????. ?? ?? ??? ???? ??? ??? ?? ?? ??? ?? ??????? ?????.
?? ?? ??, ? ??? ??? ????? ?? ???? "? ???? ??"??? ??????. ?? ?? ?? ???? ???? ??? ?????.
? ??? ?????
HTML Popover ??? ???? ?? ???? ?????. div? ???? ??? ? ?? ??? ???? ?? ?????.
<code>Bookmarked!</code>
?? ? ??? ??? ???? ?? ? ? ??? ?? ?????. ??? ???? ?? ????? ?? ???? ???? ???????. ? ???? ??? HTML ??? ??? ??.
<code>Add to my bookmarks Bookmarked!</code>
??? ??? ? ?? ??? PopoverTarget? PopoverTargetAction???. PopoverTarget? ??? Popover ??? ???? ?? PopoverTargetAction? ??? ???? ? ??? ????????.
CSS ???? ? ??? ??? ????
???? ??? ?? ? ? ???? ? ??? ??? ?? ?? ? ??? ????. ??? ? ??? ????? ??????. ???? ???? ???? (? ??? ?? ??? ???? ?? ???). ??? ??? ?? ??? ??? ? ??? ???? ?? ??? ??? ???? ???? ????.
HTML ? ??? CSS? ?? ?? ? ??? ????? ?? ? ? ????. ? ??? ????? ?????? ???? ??? ??? ?????. ??? ?? CSS? ?? ??? ???? ? ??? ??????. ???, ??? ? ??? ?????, ?? ??? ??? ????? ? ? ????.
?? ???? ???? ? ??? ??? ? ? ????.
<code>[popover] { height: 0; transition: height cubic-bezier(0.6, -0.28, 0.735, 0.045) .3s .6s; @starting-style { height: 1lh; } }</code>
??? ? ??? ????? ??? @?? ??? ?? (1LH)? ?? ? ??? ?????. ?? ?? (.6S) ? ??? 1lh?? 0.3s? ?? ?????? ???? ? ??? ????? ? ???.
??? ?? ? ??? ????? ??? ??? ??? ????. ?? ?? JavaScript? ??? ?? ???? ?? ??? ??? ?????.
JavaScript? ???? ? ??? ????
??? ? ??? ???? ?? ??? ???? ??? ?????.
<code>const POPOVER = document.querySelector('[popover]');</code>
????, ??? ? ?? ??? ??? ???? ?? resizeobserver? ??????.
<code>const POPOVER = document.querySelector('[popover]'); const OBSERVER = new ResizeObserver((entries) => { if(entries[0].contentBoxSize[0].blockSize == 0) OBSERVER.unobserve((POPOVER.hidePopover(), POPOVER)); });</code>
? ???? ? ??? ???? ??? ???? ??????.
<code>const POPOVER = document.querySelector('[popover]'); const OBSERVER = new ResizeObserver((entries) => { if(entries[0].contentBoxSize[0].blockSize == 0) OBSERVER.unobserve((POPOVER.hidePopover(), POPOVER)); }); document.querySelector('button').onclick = () => OBSERVER.observe(POPOVER);</code>
CSS ??? ???? ? ?? ??? 0? ???? ???? HidePopover ()? ???? ? ??? ?? unobserve ()? ?? ??? ?????.
? ???? ??? ??? ???? ??? ?? ??? ??????. ??? ???? ?? ?? CSS ?? ? JavaScript ???? ???? ??????. ResizeObserver ? MutationObserver? ?? ??? ?? ?? ??? ?? ? ?? ??? ??? ? ????.
HTML ?? ??
?????? JavaScript? ?????? Popover ??? Light-Dismissal? ???? ?? ??????. ??? ??? ???? ????? ? ??? ????? ??? ? ????. ?? ?? ???? ? ?? ?? ??? ????? ??? ?? ? ? ????.
JavaScript? ???? ? ?? ? ??? Light-Dismiss ? ?? ???? ?? ?? ? ?? ?? ?? ?? ??????. ? ?? ??? ??? ?? ? ??? ?????. ??? CSS ??? ?????.
<code>Bookmarked! Bookmarked! [popover] { transition: none; height: 1lh; }</code>
? ??? ?? ????????
?? ??? javaScript?? settimeout ()? ???? ?? ?? ? ? ??? ?? ?? ????? ???? ???? ?? ??? ??????. ??? ???? ???? ?????.
??? ???? ?? ? ??? ???? ?? ???? ???? ?? @?? ??? ? ?? ?? ??? ??? CSS ??? ?? ?? ? ? ????. ??? ??? CSS? ?? ?? ??? ?? ? ? ??????. JavaScript? ??? CSS? ?? ? ???? ?????.
? ??? HTML ? ??? ???? ?? ?? ??? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8517
17
1744
16
1596
56
1537
28
1396
31
?? ???? CSS? ??? ???? ? ?????
Jun 11, 2025 am 12:01 AM
?? ???? CSS? ????? ????? ? ?? ??? ????. 1. ??? CSS, ?? ????? ??? ?? ? ???? ??? ???? ?????. 2. ???? ??? ??? ??? JavaScript ??? ???? ?? CSS ????????. 3. ?? ????? ?? ? ??? ???? ????? ??? ?? ??? ??. ? ?? ??? ? ??? ?? ? ?? ??? ??? ? ? ??? ??? ? ??? ??? ?????.
Flexbox vs Grid : CSS ????? ?? ??? ??
Jun 10, 2025 am 12:03 AM
FlexBoxIsidealforone-dimensionallayouts, whilegridsuitstwo-dimensional, complexlayouts.useflexboxforaligningItemsinasingLeAxisAndGridForPreciseControlOverrowSandColumnSininTricatedEsigns.
HTML ? ??? ???? ?? ?? ??? ?????
Jun 10, 2025 am 09:45 AM
HTML Popover ??? ??? ??? ??? ???? ?? ?? JavaScript? ?? ?? ? ????. ? ??? ?? ?? ???? ?? ? ? ????? ?? ??? ? ??? ??? ????. Preethi? ??? ? ??? ??? ??? ????
'?? ??? CSS'? ??????
Jun 24, 2025 am 12:42 AM
CSS? ??? ??? ????? ????? ??? ? ?? CSS? ????? ?? ??????, ?? ?? ? ??? ??, ??? ?? ?? ??? CSS ? ????? ?? ??? ?? ???? ???? ??? ??? ???. 1. ?? CSS? ???? HTML? ?? ?????. 2. JavaScript? ?? ??? CSS ??; 3. ??? ??? ???? ?? ???? ????? ??????. 4. CSS? ???? ???? ??? ????. ?? CSS? ???? ?? ??? ???? Rel = "Preload"?????? ????, ??? ?? ??? ????? ???? ??? ?? ? ??? ???? ??? ?????.
Figma?? Lotties? ???? ??
Jun 14, 2025 am 10:17 AM
?? ??????? Figma?? Lottie ?????? ??? ??? ?? ??????. ??? ? ?? ???? ???? ???? Figma?? ?????? ? ??? ??? ??? ?? Figma?? Lottie ????????? ??? ?????. ??? ?? ?? ??????
?? ?? : CSS? ?? Tangram ?? ??
Jun 13, 2025 am 11:33 AM
??? ??? ???? ??? Sass? ??? ??? ?? ? ?? ??? ???? JavaScript? ?? ? ? ??? ??????. ??, ?? ?, ?? ? ?? ?????? ??? ??? ??? ???? ?? ????.
?? ? ?? CSS : ?? ?? ??? ??????
Jun 20, 2025 am 12:45 AM
TheBestoproachforcssdspectionseproject'sspecificneeds.forlargerProjects, externalcsSisbetterduetomainabainabainabilitableability ? forsmallerprojectsorsingle-pageapplications, ?? csmightbemoresuitable.it 'scrucialtobalanceprojectsize, ??
? CSS? ???? ???????
Jun 19, 2025 am 12:29 AM
???, cssdoesnothavetobeInlowercase. ???, lowercaseisRecomedended for : 1) ??? ? ??, 2) ??? ?? rorsinerrorsinerrorsIngerRorsIngerRorsInteChnologies, 3) ??? ?? ??, ? 4) ?? ? ???? ????.
