np.1400

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

6 پست در این موضوع قرار دارد

سلام.

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

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

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

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

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

ممنون

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

مثلا

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


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

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


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

1

به اشتراک گذاری این پست


لینک به پست

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

موفق باشید.

4

به اشتراک گذاری این پست


لینک به پست

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

http://lesscss.org/

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری