اسکیل ایبل ویکٹر گرافکس (SVG) ایک تصویری شکل ہے جو XML میں لکھا گیا ہے۔ ایس وی جی کے ذریعہ ، آپ دو جہتی توسیع پذیر گرافکس کوڈ کرسکتے ہیں۔ پھر ، آپ ان کو سی ایس ایس اور جاوا اسکرپٹ میں نافذ اور ترمیم کرسکتے ہیں۔
ایس وی جی تین طرح کے گرافکس کی اجازت دیتا ہے: ویکٹر کی شکلیں (تمام سمتوں اور شکلوں میں سیدھی اور مڑے ہوئے لائنز) ، تصاویر اور متن۔ اس کی مختلف صلاحیتوں کی وجہ سے ، ویب ڈیزائنرز پیچیدہ متحرک تصاویر بنانے کے لئے ایس وی جی کا رخ کرتے ہیں۔ ان کو انسٹال کرنا آسان ہے ، نیا سائز لینے پر معیار سے محروم نہ ہوں ، اور کام کرنے کیلئے کسی فریق ثالث کی ایپس کی ضرورت نہیں ہے۔
چونکہ متحرک تصاویر اب بھی مقبولیت میں بڑھ رہی ہیں ، لہذا زیادہ تر ان سے واقف نہیں ہیں۔ اس مضمون میں 20 لاجواب ایس وی جی متحرک تصاویر کو اجاگر کیا جائے گا جو اس شکل کی صلاحیت کو ظاہر کرتے ہیں۔
1. میڈیکل ایس وی جی شبیہیں بذریعہ کتٹن
فوری روابط
- 1. میڈیکل ایس وی جی شبیہیں بذریعہ کتٹن
- 2. سینمک کیفیری کے ذریعہ ہوور کریں
- Nik. نیکولا تالانوف کے ذریعہ ریفریش (کاغذی طیارہ) کھینچیں
- 4. بس ڈیاکو ایم لوٹفولاہی کے ذریعہ جاری رکھیں
- 5. ایس وی جی فلٹرز کو HTML5 ویڈیو میں شامل کیا گیا
- 6. Jigsaw پہیلی
- 7. پیٹرک ینگ کے ذریعہ لائنر تدریجی
- 8. آئیے سفر کریں jjperezaguinaga کے ذریعے
- 9. محدث محبیفر کے ذریعہ گھڑی
- 10. لوگی ڈی روزا کے ذریعہ متحرک شبیہیں
- 11. ایس وی جی میں موجود تمام آلات بذریعہ کرس گینن
- 12. کرس گینن کے ذریعہ آبشار
- 13. پلانٹ جنریٹر بذریعہ بلیک بوون
- 14. ہیمش ولیمز کے ذریعہ قابل کلک شبیہہ
- 15. مارکو بیریسا کے ذریعہ نیا کیک
- 16. کرس گینن کے ذریعہ کاغذ شیڈر
- 17. گر پولی کے ذریعہ کم پولی لائن
- 18. لیلا کیذریعہ ہورگلاس لوڈر
- 19. سارہ ڈراسنر کیذریعہ قبول گائے
- 20. ڈومینی کے ذریعہ طالب علم
- آپ کی باری
صحت سے متعلق کسی بھی ویب سائٹ کے لئے یہ گرم اور ہموار حرکت پذیری بہت اچھا ہے۔ جب آپ مختلف دھاگوں کے ذریعے فہرست بناتے ہیں ، تو تصاویر عمدگی کے ساتھ نمودار ہوں گی۔ ایمبولینس کار یا ایٹم تعمیر کرے گا ، آنکھ کھل جائے گی ، اور ڈاکٹر باہر چھلانگ لگائے گا۔ یہ حرکت پذیری SVG کی تمام تفریحی اور متحرکیت کو ظاہر کرتی ہے۔
لنک
2. سینمک کیفیری کے ذریعہ ہوور کریں
یونیورسل حرکت پذیری جو آپ کسی بھی انٹرایکٹو ویب سائٹ پر ڈال سکتے ہیں۔ جب آپ ہوور کرتے ہیں تو سرحدوں کی لطیف شکل آپ کو اطمینان بخش احساس کے ساتھ چھوڑ دیتی ہے اور لنک پر کلک کرنے کے لئے آپ کو دعوت دیتی ہے۔
لنک
Nik. نیکولا تالانوف کے ذریعہ ریفریش (کاغذی طیارہ) کھینچیں
عام طور پر ، صفحات تازہ ہوجائیں گے جب آپ ان پر "نیچے کھینچیں گے"۔ یہ حرکت پذیری اس کو ایک نئی سطح پر لے آتی ہے۔ جب آپ اسے چھوڑنے کے لئے نیچے کھینچیں گے تو ، آپ آسمان میں کاغذی ہوائی جہاز کا آغاز کریں گے۔ اگر آپ چاہتے ہیں کہ آپ کے زائرین آپ کی ایپ کو اکثر تروتازہ کریں ، آپ کو اس طرح ایک حرکت پذیری شامل کرنے پر غور کرنا چاہئے۔
4. بس ڈیاکو ایم لوٹفولاہی کے ذریعہ جاری رکھیں
ایک ایس وی جی حرکت پذیری جو اسکیلنگ ویکٹر کی صلاحیت کو ظاہر کرتی ہے۔ انسانی جسم کی ہموار درست حرکت ہپناٹائزنگ ہے۔
لنک
5. ایس وی جی فلٹرز کو HTML5 ویڈیو میں شامل کیا گیا
گوگل کروم ٹیم سے تعلق رکھنے والے پال آئرش نے دیکھا کہ SVG کس طرح ویکٹر گرافکس سے باہر کے مواد میں ترمیم کرسکتا ہے۔ انہوں نے سی ایس ایس اور ایس وی جی کو مل کر حیرت انگیز بصری فلٹرز بنانے کے لئے یہ ظاہر کیا کہ ایس وی جی حرکت پذیری کسی ریڈی میڈ ویڈیو میں عمدہ اضافہ ہوسکتی ہے۔
لنک
6. Jigsaw پہیلی
آپ ایس وی جی حرکت پذیری کے ذریعہ حیرت انگیز انٹرایکٹو جیگس پہیلیاں بنا سکتے ہیں۔ اس مثال میں ، ہم بہت ساری تصاویر میں سے کسی ایک کا انتخاب کرسکتے ہیں اور دیکھ سکتے ہیں کہ یہ پہیلی کے بہت سے چھوٹے ٹکڑوں کو کس طرح ڈیکنسٹر کرتا ہے۔ آپ بھی اس کی تشکیل نو کر سکتے ہیں!
لنک
7. پیٹرک ینگ کے ذریعہ لائنر تدریجی
اگر آپ نیین لائٹس اور خوبصورت فونٹس میں ہیں تو آپ اس حرکت پذیری سے لطف اندوز ہوں گے۔ اس کام سے ظاہر ہوتا ہے کہ کس طرح آپ کو ایک تیز حرکت پذیری کے ل for کسی حرکت پذیر لائنوں کی ضرورت نہیں ہے ، صرف ایک عمدہ فونٹ اور میلان اثر کے ساتھ مناسب رنگین کوڈ۔
لنک
8. آئیے سفر کریں jjperezaguinaga کے ذریعے
دو ہوائی جہاز اور ایک گرم ہوا کا بیلون دنیا کے مشہور مقامات کے گرد گھوم رہا ہے۔ یہ حرکت پذیری رنگین ، پر امید اور ذہن سازی ہے۔ یہ سب کچھ ظاہر کرتا ہے کہ اگر آپ ایس وی جی میں مہارت رکھتے ہیں تو آپ کیا کرسکتے ہیں۔
لنک
9. محدث محبیفر کے ذریعہ گھڑی
چلتی گھڑی کی ایک سادہ سی وی جی حرکت پذیری جو موجودہ وقت کو ظاہر کرتی ہے۔ پوائنٹس کی ہلکی حرکت اورمثال ڈیزائن اس حرکت پذیری کے لئے حیرت زدہ کردیتے ہیں۔
لنک
10. لوگی ڈی روزا کے ذریعہ متحرک شبیہیں
اگر آپ ان شبیہیں پر گھومتے ہیں تو آپ متحرک تصاویر کو متحرک کریں گے ، جو آسان لیکن موثر ہیں۔ آپ دیکھ سکتے ہیں کہ متاثر کن حرکت پذیری آئیکن بنانے کے لئے آپ کو حیرت کی ضرورت نہیں ہے۔
11. ایس وی جی میں موجود تمام آلات بذریعہ کرس گینن
ون ٹیک حرکت پذیری جو سمارٹ آلات سے کہیں زیادہ ہوتی ہے جسے ہم انتہائی تخلیقی انداز میں استعمال کرتے ہیں۔ ڈیسک ٹاپ لیپ ٹاپ ، لیپ ٹاپ کو ٹیبلٹ میں ، پھر اسمارٹ فون میں تبدیل کرے گا۔
لنک
12. کرس گینن کے ذریعہ آبشار
کرس گینن کا دوسرا دوسرا ، یہ جھاگ آبشار کے نیچے کا صاف مظاہرہ ہے۔ پانی کی نقل و حرکت صاف ہے ، اور آپ اسپلشتے پانی کے چھوٹے چھوٹے قطرے دیکھ سکتے ہیں جس سے حرکت پذیری کی سرحدوں کو چھوڑ کر ہر چیز کو حقیقت پسندانہ ظاہر کیا جاسکتا ہے۔
لنک
13. پلانٹ جنریٹر بذریعہ بلیک بوون
اب یہ ایک اور چیز ہے۔ جب آپ 'تخلیق' بٹن پر کلک کریں گے تو آپ پودوں کو بڑھتے اور بڑھتے ہوئے دیکھیں گے۔ لیکن جب بھی آپ کلک کریں گے ، مختلف نمونے بنائے جائیں گے۔
لنک
14. ہیمش ولیمز کے ذریعہ قابل کلک شبیہہ
ایک اور انٹرایکٹو SVG جو حرکت پذیری پر متحرک ہوجاتا ہے ایک بار جب آپ اس پر کلک کرتے ہیں۔ ایک بار جب آپ اس پر کلک کریں تو وہ "بھیجیں" حرکت پذیری کا آغاز کرے گا۔
لنک
15. مارکو بیریسا کے ذریعہ نیا کیک
دلچسپ حرکت پذیری جو ایک پرت کے ذریعہ کیک پرت بنانا دکھاتی ہے۔ یہ ایک متاثر کن ایس وی جی حرکت پذیری ہے جو سالگرہ کارڈ کے ل suitable موزوں ہے۔
16. کرس گینن کے ذریعہ کاغذ شیڈر
اگر آپ کو کاغذ کی کٹائی دیکھنے سے لطف اندوز ہوتا ہے تو ، آپ اس حرکت پذیری سے لطف اندوز ہوں گے جس میں بغیر کسی تسلسل کے مطابق لامحدود اوقات میں کاغذ کے ذریعہ مشین شریڈنگ کاغذ دکھایا گیا ہے۔
لنک
17. گر پولی کے ذریعہ کم پولی لائن
یہ ذہن اڑانے والی عکاسی اور حرکت پذیری ہے جس میں ایک شیر کے سر کو متحرک کثیر الاضلاع کی شکل میں ظاہر اور غائب ہوتے ہوئے دکھایا گیا ہے۔
لنک
18. لیلا کیذریعہ ہورگلاس لوڈر
ایک اور موثر حرکت پذیری جو صرف SVG استعمال کرتی ہے۔ ہر 5 سیکنڈ کے بعد ، گھڑی کا گلاس الٹا ہوجاتا ہے اور ایک نیا سائیکل شروع ہوجاتا ہے۔
لنک
19. سارہ ڈراسنر کیذریعہ قبول گائے
یہ ایک مضحکہ خیز انٹرایکٹو حرکت پذیری ہے جو آپ کو ایک گائے پر کلک کرنے اور اسے چاند کے گرد گھسیٹنے کی سہولت فراہم کرتی ہے جب کہ ایک حیران کن خلانورد اس کی طرف دیکھتا ہے۔
20. ڈومینی کے ذریعہ طالب علم
ایک پرجوش طالب علم سیکھنے کے لئے تیار دکھائی دیتا ہے! یہ ایک عمدہ حرکت پذیری ہے جہاں کتاب کے صفحات صاف ستھرا ہو رہے ہیں۔ طالب علم سے کوئی پلک جھپکتی نہیں ہے ، لیکن اس فہرست کو حتمی شکل دینے کے ل this یہ اب بھی ایک بالکل صاف حرکت پذیری ہے۔
لنک
آپ کی باری
آپ کی پسندیدہ SVG متحرک تصاویر کیا ہیں جو اس فہرست میں شامل نہیں ہیں؟ ذیل میں تبصرے میں اپنی پسند کا اشتراک کریں!
