در این مطلب با شما هستم با نحوه ی پنهان کردن مطالب و یا هر چیزی با سی اس اس (CSS)
ویژگی یا (property) ؛ display که میتوان با دادن مقدار none همه چیز رو پنهان کرد ؛ ولی همیشه قابل استفاده نیست مثلا وقتی شما بخواهید یک منو افتادنی یا کشویی رو با سی اس اس ایجاد کنید این ویژگی اصلا مفید و بدردخور نیست ! و اینکه این ویژگی (display) قابلیت انتقال (transitionable) رو نداره ؛ یعنی نمیشه با افکت و انیمیشن از حالتی به حالت دیگر منتقل بشه ، بعنوان مثلا نمیشه افکت محو شدن را بهش اعمال کرد مگر اینکه از جاوا اسکریپت استفاده بشه !
حتما به این فکر میکنید آیا ویژگی ( پنهان کننده) هست که بتونیم با سی اس اس بهش انیمیشن یا افکت بدهیم ؟ آره هست ؛ جناب opacity ( شفافیت) به همراه visibility (قابل دیدن) در خدمت شما هستند ! با ترکیب این دو ویژگی میشه کارهای خیلی زیاد و خوشگلی کرد !
همچنین شما متوانید بعضی موقعا از ویژگی position در کنار visibility استفاده کنید و نتایج بهتری بگیرید.
opacity : display : visibility
فیلم آمورشی این مطلب با مثال های کاربردی در حال آماده سازی هست. موفق باشید.