♨️ dark mood with css
اگه قصد دارید روش سریعی برای اعمال حالت «dark mood» توی وبسایت تون طراحی کنید، میتونید از فیلترهای invert و hue-rotate استفاده کنید.
filter: invert()
روی مقیاسی از 0 تا 1 عمل میکنه که 1 سفید رو به سیاه تبدیل میکنه.
filter: hue-rotate()
محتوای رنگی عناصر ما رو طوری تغییر میده که کمابیش همون سطح از جداسازی از همدیگر رو حفظ کنن. مقادیرش هم از 0deg تا 360deg متغیر هستن.
با اعمال این افکت ها روی تگ body میتونید به سرعت یک نسخه دارک مود از سایت خودتون ایجاد کنید.
فقط دقت کنید که برای تأثیر گرفتن پسزمینه باید به اون یک رنگ اختصاص داده باشید.
برای مثال:
body {
background: #FFF;
filter: invert(1) hue-rotate(210deg);
}
با استفاده از این تنظیمات میتونید صفحه اصلی وبسایت گوگل رو به صورت آنی به شکل دارک مود در بیارید.
#Css_Trick
🆔@APSignals_PER
اگه قصد دارید روش سریعی برای اعمال حالت «dark mood» توی وبسایت تون طراحی کنید، میتونید از فیلترهای invert و hue-rotate استفاده کنید.
filter: invert()
روی مقیاسی از 0 تا 1 عمل میکنه که 1 سفید رو به سیاه تبدیل میکنه.
filter: hue-rotate()
محتوای رنگی عناصر ما رو طوری تغییر میده که کمابیش همون سطح از جداسازی از همدیگر رو حفظ کنن. مقادیرش هم از 0deg تا 360deg متغیر هستن.
با اعمال این افکت ها روی تگ body میتونید به سرعت یک نسخه دارک مود از سایت خودتون ایجاد کنید.
فقط دقت کنید که برای تأثیر گرفتن پسزمینه باید به اون یک رنگ اختصاص داده باشید.
برای مثال:
body {
background: #FFF;
filter: invert(1) hue-rotate(210deg);
}
با استفاده از این تنظیمات میتونید صفحه اصلی وبسایت گوگل رو به صورت آنی به شکل دارک مود در بیارید.
#Css_Trick
🆔@APSignals_PER
👍4💯1
APSignals (Persian)
⁉️English Quiz.No 24:
Which word means "home"?
Which word means "home"?
⁉️Coding Quiz.No 25:
For defining a spacing property in a style sheet, which of the following is not true?
For defining a spacing property in a style sheet, which of the following is not true?
Anonymous Quiz
15%
a) margin-top: 50px
30%
b) text-indent: 10px
7%
c) padding-right: 100px
48%
d) position white-space: normal
✍3
♨️ Cloud Convert
این وبسایت برای تبدیل فایلهای مختلف به یکدیگر مورد استفاده قرار میگیره و بیش از ۲۰۰ فرمت مختلف رو پشتیبانی میکنه.
کار کردن با این وبسایت خیلی ساده و راحت هستش و البته نسخه رایگان اون محدودیت روزانه داره.
#site
🆔@APSignals_PER
این وبسایت برای تبدیل فایلهای مختلف به یکدیگر مورد استفاده قرار میگیره و بیش از ۲۰۰ فرمت مختلف رو پشتیبانی میکنه.
کار کردن با این وبسایت خیلی ساده و راحت هستش و البته نسخه رایگان اون محدودیت روزانه داره.
#site
🆔@APSignals_PER
💯3
⁉️English Quiz.No 26:
What is the opposite of "hot"?
What is the opposite of "hot"?
Anonymous Quiz
67%
a) cold
17%
b) warm
17%
c) cool
0%
d) fresh
💯5
📌پیشگیری از بیماری ها
پیشگیری از بیماری ها به مجموعه اقداماتی گفته میشه که برای جلوگیری از بروز بیماری ها انجام میشه. این اقدامات میتونه شامل موارد زیر باشد:
🔶1. اصلاح سبک زندگی:
▫️تغذیه سالم: مصرف میوه ها، سبزیجات، غلات کامل و پروتئین بدون چربی و محدود کردن مصرف غذاهای فرآوری شده، قند و چربی های اشباع شده.
▫️فعالیت بدنی منظم: انجام حداقل 150 دقیقه فعالیت بدنی با شدت متوسط در هفته.
▫️خواب کافی: خواب 7 تا 8 ساعت در شب.
▫️کنترل استرس: استفاده از تکنیک های آرامش بخش مانند مدیتیشن یا یوگا.
▫️ترک سیگار: سیگار کشیدن خطر ابتلا به بسیاری از بیماری ها را افزایش می دهد.
▫️مصرف نکردن الکل: مصرف بیش از حد الکل می تواند به سلامتی آسیب برساند.
🔶2. بهداشت فردی:
▫️شستشوی مرتب دست ها: شستشوی دست ها با آب و صابون می تواند از انتقال بسیاری از بیماری ها جلوگیری کند.
پوشاندن دهان و بینی هنگام سرفه یا عطسه: این کار می تواند از انتشار میکروب ها در هوا جلوگیری کند.
▫️واکسیناسیون: واکسیناسیون می تواند از ابتلا به بسیاری از بیماری های عفونی جلوگیری کند.
🔶3. معاینات منظم:
▫️معاینات پزشکی منظم: معاینات منظم می تواند به تشخیص زودهنگام بیماری ها کمک کند.
▫️غربالگری: غربالگری می تواند به شناسایی افراد در معرض خطر ابتلا به بیماری ها کمک کند.
🔶4. بهداشت محیط زیست:
▫️دسترسی به آب آشامیدنی سالم: آب آشامیدنی سالم برای سلامتی ضروری است.
▫️دفع فاضلاب: دفع فاضلاب به طور صحیح می تواند از انتشار بیماری ها جلوگیری کند.
▫️کنترل آفات: کنترل آفات می تواند از انتقال بیماری ها جلوگیری کند.
#health
🆔@APSignals_PER
پیشگیری از بیماری ها به مجموعه اقداماتی گفته میشه که برای جلوگیری از بروز بیماری ها انجام میشه. این اقدامات میتونه شامل موارد زیر باشد:
🔶1. اصلاح سبک زندگی:
▫️تغذیه سالم: مصرف میوه ها، سبزیجات، غلات کامل و پروتئین بدون چربی و محدود کردن مصرف غذاهای فرآوری شده، قند و چربی های اشباع شده.
▫️فعالیت بدنی منظم: انجام حداقل 150 دقیقه فعالیت بدنی با شدت متوسط در هفته.
▫️خواب کافی: خواب 7 تا 8 ساعت در شب.
▫️کنترل استرس: استفاده از تکنیک های آرامش بخش مانند مدیتیشن یا یوگا.
▫️ترک سیگار: سیگار کشیدن خطر ابتلا به بسیاری از بیماری ها را افزایش می دهد.
▫️مصرف نکردن الکل: مصرف بیش از حد الکل می تواند به سلامتی آسیب برساند.
🔶2. بهداشت فردی:
▫️شستشوی مرتب دست ها: شستشوی دست ها با آب و صابون می تواند از انتقال بسیاری از بیماری ها جلوگیری کند.
پوشاندن دهان و بینی هنگام سرفه یا عطسه: این کار می تواند از انتشار میکروب ها در هوا جلوگیری کند.
▫️واکسیناسیون: واکسیناسیون می تواند از ابتلا به بسیاری از بیماری های عفونی جلوگیری کند.
🔶3. معاینات منظم:
▫️معاینات پزشکی منظم: معاینات منظم می تواند به تشخیص زودهنگام بیماری ها کمک کند.
▫️غربالگری: غربالگری می تواند به شناسایی افراد در معرض خطر ابتلا به بیماری ها کمک کند.
🔶4. بهداشت محیط زیست:
▫️دسترسی به آب آشامیدنی سالم: آب آشامیدنی سالم برای سلامتی ضروری است.
▫️دفع فاضلاب: دفع فاضلاب به طور صحیح می تواند از انتشار بیماری ها جلوگیری کند.
▫️کنترل آفات: کنترل آفات می تواند از انتقال بیماری ها جلوگیری کند.
#health
🆔@APSignals_PER
❤🔥6
APSignals (Persian)
⁉️English Quiz.No 26:
What is the opposite of "hot"?
What is the opposite of "hot"?
⁉️English Quiz.No 27:
And soon we __ study many examples of such inheritance, as well as cooler language features built upon it.
And soon we __ study many examples of such inheritance, as well as cooler language features built upon it.
Anonymous Quiz
45%
- [ ] won't be able to
14%
- [ ] did not
41%
- [ ] have been able to
0%
- [ ] could not
✍2
This media is not supported in your browser
VIEW IN TELEGRAM
📌Loading Animation Effects
🔹Source code:
https://codesandbox.io/p/sandbox/loading-animation-effects-clkl3y?file=%2Fstyles.css%3A58%2C1
🔹Deploy:
https://6605730414c2ff09ed0f057f--endearing-marshmallow-8bb7e6.netlify.app/
#codeAndResult
🆔@APSignals_PER
🔹Source code:
https://codesandbox.io/p/sandbox/loading-animation-effects-clkl3y?file=%2Fstyles.css%3A58%2C1
🔹Deploy:
https://6605730414c2ff09ed0f057f--endearing-marshmallow-8bb7e6.netlify.app/
#codeAndResult
🆔@APSignals_PER
❤🔥5👌1
♨️یه اکستنشن خوب برای داکیومنت نوشتن برای کداتون که از چند تا زبون پشتیبانی میکنه
#extension
🆔@APSignals_PER
#extension
🆔@APSignals_PER
❤🔥2❤1
♨️ توی کیبرد فارسی برای نوشتن ویرگول ،
از shift + t
و برای نوشتن نقطه ویرگول ؛ از shift + y استفاده میکنیم
#laptopTrick
🆔@APSignals_PER
از shift + t
و برای نوشتن نقطه ویرگول ؛ از shift + y استفاده میکنیم
#laptopTrick
🆔@APSignals_PER
👍4🔥3🤔1
APSignals (Persian)
⁉️English Quiz.No 27:
And soon we __ study many examples of such inheritance, as well as cooler language features built upon it.
And soon we __ study many examples of such inheritance, as well as cooler language features built upon it.
⁉️English Quiz.No 28:
Do you know what will be the output of this code?
let array = [1, 2, 3]; array[6] = 9; console.log(array[5]);
Do you know what will be the output of this code?
let array = [1, 2, 3]; array[6] = 9; console.log(array[5]);
Anonymous Quiz
4%
1.1
12%
2.2
8%
3.9
76%
4.undefined
❤🔥2
APSignals (Persian)
⁉️English Quiz.No 28:
Do you know what will be the output of this code?
let array = [1, 2, 3]; array[6] = 9; console.log(array[5]);
Do you know what will be the output of this code?
let array = [1, 2, 3]; array[6] = 9; console.log(array[5]);
⁉️English Quiz.No 28:
The girl ......... is reading a book is a student.
The girl ......... is reading a book is a student.
Anonymous Quiz
6%
1. Where
6%
2. Why
81%
3. Who
8%
4. When
❤🔥2
💢میدونستید یکی از ترند های طراحی در چند سال اخیر طراحی retro یا نوستالژیه؟
توی این سایت میتونید بیشتر از ۵۰۰ تا آیکون جذاب به سبک retro رو داشته باشید و توی طراحی سایت ازش استفاده کنید
https://dryicons.com/free-icons/retro
#icon
🆔 @APSignals_PER
توی این سایت میتونید بیشتر از ۵۰۰ تا آیکون جذاب به سبک retro رو داشته باشید و توی طراحی سایت ازش استفاده کنید
https://dryicons.com/free-icons/retro
#icon
🆔 @APSignals_PER
Dryicons
Retro icons - 579 Free Retro icons | Download PNG & SVG
Retro icons - 579 Free Retro icons | Download PNG & SVG Popular Styles including Glyphs, Flat, Outline, Filled, and Hand Drawn. You may also like: retro woman, grunge, 50s, vintage, retro background, retro pattern, retro design, pop art
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
📌Animated Profile Card
🔹Source Code:
https://codesandbox.io/p/sandbox/animated-profile-card-forked-xh3hsf?file=%2Fstyle.css%3A45%2C15
🔹Deploy:
https://6604948d8a849b6495866626--charming-kleicha-53f410.netlify.app/
#codeAndResult
🆔@APSignals_PER
🔹Source Code:
https://codesandbox.io/p/sandbox/animated-profile-card-forked-xh3hsf?file=%2Fstyle.css%3A45%2C15
🔹Deploy:
https://6604948d8a849b6495866626--charming-kleicha-53f410.netlify.app/
#codeAndResult
🆔@APSignals_PER
❤🔥6