نحوه ی پنهان کردن بلوک یا یک قسمت از سایت با css

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

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

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

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

opacity : display : visibility 

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

نظرات۰

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی