CSS ਨਿਸ਼ਾਨ ਪ੍ਰਭਾਵ
- آپر پیج CSS ਰੈਡੀਅਲ ਗਰੇਡੀਐਂਟ
- پائین پیج CSS box-shadow
CSS ਦੇ ਨਾਲ ਨਿਸ਼ਾਨ ਪ੍ਰਭਾਵ ਬਣਾਓ!
CSS ਨਿਸ਼ਾਨ ਪ੍ਰਭਾਵ
CSS ਦੀ ਮਦਦ ਨਾਲ, ਤੁਸੀਂ ਟੈਕਸਟ ਅਤੇ ਏਜੰਟਾਂ 'ਤੇ ਨਿਸ਼ਾਨ ਜੋੜ ਸਕਦੇ ਹੋ。
ਸਾਡੇ ਸਿਖਲਾਈ ਵਿੱਚ, ਤੁਸੀਂ ਨਿਮਨਲਿਖਤ ਪੈਰਾਮੀਟਰਾਂ ਨੂੰ ਸਿੱਖਣਗੇ:
text-shadowbox-shadow
CSS ਲਿਖਤ ਨਿਸ਼ਾਨ
CSS text-shadow ਇਹ ਪੈਰਾਮੀਟਰ ਟੈਕਸਟ ਨੂੰ ਨਿਸ਼ਾਨ ਜੋੜਦਾ ਹੈ。
ਸਭ ਤੋਂ ਸਰਲ ਵਰਤੋਂ ਇਹ ਹੈ ਕਿ ਕੇਵਲ ਹਰੀਜ਼ਨਟਲ ਨਿਸ਼ਾਨ (2px) ਅਤੇ ਵਿਸਤਰਣ ਨਿਸ਼ਾਨ (2px) ਨੂੰ ਜ਼ਿਕਰ ਕਰੋ:
ٹیکسٹ شادی اثر!
مثال
h1 {
text-shadow: 2px 2px;
}
ਅਗਲੇ, ਨਿਸ਼ਾਨ ਵਿੱਚ ਰੰਗ ਜੋੜੋ:
ٹیکسٹ شادی اثر!
مثال
h1 {
text-shadow: 2px 2px red;
}
ਫਿਰ, ਨਿਸ਼ਾਨ ਵਿੱਚ ਰਾਹਤ ਕੁਸ਼ਲਤਾ ਜੋੜੋ:
ٹیکسٹ شادی اثر!
مثال
h1 {
text-shadow: 2px 2px 5px red;
}
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਕਾਲੇ ਰੰਗ ਦੇ ਨਿਸ਼ਾਨ ਨਾਲ ਸਫੇਦ ਟੈਕਸਟ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:
ٹیکسٹ شادی اثر!
مثال
h1 {
رنگ: وائٹ;
text-shadow: 2px 2px 4px #000000;
}
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਲਾਲ ਰੰਗ ਦੇ ਨਾਇਰੋਨ ਨਿਸ਼ਾਨ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:
ٹیکسٹ شادی اثر!
مثال
h1 {
text-shadow: 0 0 3px #FF0000;
}
ਕਈ ਨਿਸ਼ਾਨ
ਟੈਕਸਟ ਵਿੱਚ ਕਈ ਨਿਸ਼ਾਨ ਜੋੜਣ ਲਈ, ਤੁਸੀਂ ਕੋਮਾ ਨਾਲ ਵੰਡੇ ਨਿਸ਼ਾਨ ਸੂਚੀ ਜੋੜ ਸਕਦੇ ਹੋ。
ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਲਾਲ ਅਤੇ ਨੀਲੇ ਰੰਗ ਦੇ ਨਾਇਰੋਨ ਨਿਸ਼ਾਨ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:
ٹیکسٹ شادی اثر!
مثال
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
ایک مثال دیکھئے، جس میں وائٹ رنگ کا بلک، بلو اور ڈارک بلو کا شادی اثر دیکھا جاتا ہے:
ٹیکسٹ شادی اثر!
مثال
h1 {
رنگ: وائٹ;
text-shadow: 1px 1px 2px بلک، 0 0 25px بلو، 0 0 5px ڈارک بلو;
}
آپ میں ایک خالص فریم (بغیر شادی) کے لئے text-shadow خاصیت استعمال کرسکتے ہیں:
ٹیکسٹ کے گرد کا فریم!
مثال
h1 {
رنگ: یلواً;
text-shadow: -1px 0 بلک، 0 1px بلک، 1px 0 بلک، 0 -1px بلک;
}
- آپر پیج CSS ਰੈਡੀਅਲ ਗਰੇਡੀਐਂਟ
- پائین پیج CSS box-shadow
