رفتن به مطلب

تغییر تیرگی و روشنی رنگ با css


پست های پیشنهاد شده

سلام.

داستان این بخش بوت استرپ چیه؟

http://getbootstrap.com/css/#less-variables-colors

میگه میشه با لس رنگا رو عوض کرد.

این تغییرات دائمیه یا در هر لحظه میشه عوض کرد؟

یعنی میشه بگی تو hover مثلا 10 درصد تیره کن؟

یا اصلا با جاوا اسکریپت میشه چنین کاری کرد؟

ممنون

لینک به ارسال

هم با css هم با js میشه اینکار رو کرد

بوت استراپ هم یه کتابخونه CSS هست

لینک به ارسال

ممنون

با css چجوری میشه ؟

بوت استرپ هم بلدم ولی اون بخشی که وارد less شده سر در نمیارم. فایل less رو نمیشه تو قالب لود کرد.

یعنی تغییر تیرگی و روشنی رنگ رو نمی فهمم.

لینک به ارسال

برای تیره کردن درصدی از طریق CSS میتونید از واحد HSL استفاده کنید

نحوه کد نویسی این واحد به این شکله

HSL (رنگ, درصد اشباع, روشنایی);

مثلا

کد زیر کد رنگ قرمزه


color: hsl(0,100%, 50%);

برای ده درصد تیره تر شدن کدش میشه


color: hsl(0,100%, 40%);

لینک به ارسال

LESS یه کامپایلر نسبتاً کامل هست که از طریق Javascript کدها رو به CSS تبدیل میکنه و قابلیت های زیادی رو بهش اضافه میکنه.

موفق باشید.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...