??? ???? ???? TailwindCSS? ?? ??? ??
TailwindCSS?? ??? ???? ?? ?? ??? ?? ???? ???? ???? ??? ??? ?????. . ??? ?? ???? ?? ??? ??? ? ????.
? ?? ???? ??? ??? ?? ??? ??? ???? ???? ???? ????? ????? ???? ????.
const [click, setClick] = useState(false);
const closeNav = () => {
setClick(!click);
};
const openNav = () => {
setClick(!click);
};
<div
className=" absolute inset-0 ${click ? translate-x-0 : -translate-x-full }
transform z-400 h-screen w-1/4 bg-blue-300 "
>
<XIcon onClick={closeNav} className=" absolute h-8 w-8 right-0 " />
</div>;
? ??? ????? ??? ??????. ??(`) ?? ??? ??:
<div className={`absolute inset-0 ${click ? 'translate-x-0' : '-translate-x-full'} transform z-400 h-screen w-1/4 bg-blue-300`}>
</div>
?? ??? ??? ? ????. ??:
<div className={'absolute inset-0 ' + (click ? 'translate-x-0' : '-translate-x-full') + ' transform z-400 h-screen w-1/4 bg-blue-300'}>
</div>
TailwindCSS? ???? ???? ???? ?? ???? ??? ? ???? ??? ??? ???? ???.
<div className={`text-${error ? 'red' : 'green'}-600`}>
</div>
?? ?? ??? ??? ?????.
<div className={`${error ? 'text-red-600' : 'text-green-600'}`}>
</div> ??:
<div className={error ? 'text-red-600' : 'text-green-600'}>
</div>
?? ???? ?? ??? Twin.macro.
??? ??? ??????:
- React.js? ???? ??? ?? ??
- ?? ??? ??? ???? ???? ???? ??? ??????
- React?? ??? ???? ???? ??? ??
- React? ??? ?? JSX
- ??? ??? - MDN
- ???? ??? - ?? ??? HTML ?? - Tailwind CSS
? ??? ??? ???? ???? Tailwind CSS ???? ???? ???? ??? ??????? ?? ?????. ??? ??? 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)
??? ??
8519
17
1744
16
1599
56
1538
28
1397
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) ?? ? ???? ????.
