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

[np.1400 542]

سلام.

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

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

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

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

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

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

ممنون

[bestdata 830]

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

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

[np.1400 542]

ممنون

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

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

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

[bestdata 830]

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

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

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

مثلا

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

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

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

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

[Ehsaan 1865]

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

موفق باشید.

[imanfakhar 26231]

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

http://lesscss.org/