در این مطلب با شما هستم با نحوه ی پنهان کردن مطالب و یا هر چیزی با سی اس اس (CSS) 

ویژگی یا (property)  ؛ display  که میتوان با دادن مقدار none همه چیز رو پنهان کرد ؛ ولی همیشه قابل استفاده نیست مثلا وقتی شما بخواهید یک منو افتادنی یا کشویی رو با سی اس اس ایجاد کنید این ویژگی اصلا مفید و بدردخور نیست ! و اینکه این ویژگی (display) قابلیت انتقال (transitionable) رو نداره  ؛ یعنی نمیشه با افکت و انیمیشن از حالتی به حالت دیگر منتقل بشه ، بعنوان مثلا نمیشه افکت محو شدن را بهش اعمال کرد مگر اینکه از جاوا اسکریپت استفاده بشه !

حتما به این فکر میکنید آیا ویژگی ( پنهان کننده) هست که بتونیم با سی اس اس بهش انیمیشن یا افکت بدهیم ؟  آره هست ؛ جناب opacity ( شفافیت) به همراه visibility (قابل دیدن) در خدمت شما هستند ! با ترکیب این دو ویژگی میشه کارهای خیلی زیاد و خوشگلی کرد !

همچنین شما متوانید بعضی موقعا از ویژگی position در کنار visibility استفاده کنید و نتایج بهتری بگیرید. 

opacity : display : visibility 

فیلم آمورشی این مطلب با مثال های کاربردی در حال آماده سازی هست. موفق باشید.