ལས་འགུལ་འདི་ མཇུག་བསྡུ་ཞིནམ་ལས་ ང་གིས་ CSS དང་ SVG བསྒུལ་བཟོའི་སྐོར་ལས་ ག་ར་ལྷབ་དགོཔ་ཨིནམ་ལས་ བསྒུལ་བཟོའི་སྐོར་ལས་ རིམ་འབྱུང་འདི་ བྲིས་འགོ་བཙུགས་ཡི། འདི་ལོ་མཇུག་བསྡུ་ནིའི་དོན་ལུ་ ང་གིས་ ཁྱོད་ལུ་ དེང་སང་གི་ CSS ལག་ལེན་འཐབ་ཐངས་ཚུ་ སྟོན་དགོཔ་འདུག དེ་ཡང་ Toon Titles དེ་སྦེ་ ཕན་གནོད་ཅན་བཟོ་མི་ ཡན་ལག་འདི་ བཟོ་ཚུགསཔ་ཨིན། Title སྒྱུ་རྩལ་བཟོ་བཀོད། སྤྱི་ལོ་༡༩༢༠ དང་ ༣༠ འགོ་བཙུགས་ཁམས་ཅིག་ཁར་ སྒྲ་མེད་པའི་དུས་སྐབས་ལུ་ གློག་བརྙན་གྱི་མིང་ཤོག་བྱང་གི་དཔེ་བསྐྲུན་འདི་གིས་ སེམས་ཁམས་བཟོ་སྟེ་ མཐོང་སྣང་བཟོ་སྟེ་ ལྟདམོ་ལྟ་མི་ཚུ་ལུ་ གློག་བརྙན་ག་ཅི་བཟུམ་ཅིག་བལྟ་དགོཔ་ཨིན་ན་ དྲན་བསྐུལ་འབད་ནུག།
མགུ་བསྐོར་གྱི་མིང་བྱང་ཤོག་བྱང་ཚུ་ཡང་ ཚོང་རྟགས་དང་ སེམས་ཁམས་ དེ་ལས་ མཐོང་སྣང་ཚུ་ གཅིག་ཁར་བསྡུ་སྟེ་ཡོདཔ་ཨིན། འགོ་ཐོག་ལོ་ཚུ་ནང་ གློག་བརྙན་ཁང་གི་འཆར་དངུལ་སྦོམ་སྦེ་ཡོད་པའི་སྐབས་ལུ་ འ་ནི་མིང་བྱང་ཤོག་བྱང་ཚུ་ འཕྲལ་འཕྲལ་སྐབས་ པར་རིས་དང་ རི་མོ་བཀོད་དེ་ཡོདཔ་ཨིན་པས།
དེ་འབདཝ་ད་ སྤྱི་ལོ་༡༩༥༠ལོ་གྲངས་ལུ་ རྒྱང་མཐོང་འདི་ ཡར་འཕར་འགྱོ་བའི་སྐབས་ལུ་ འཆར་དངུལ་མར་ཕབ་འགྱོ་ཡོདཔ་དང་ Lawrence “Art” Goble བཟུམ་གྱི་སྒྱུ་རྩལ་མཁས་པ་ཚུ་གིས་ བཟོ་བཀོད་འབད་མི་ ཤོག་བྱང་ཚུ་གིས་ པར་རིས་ཀྱི་སྐད་ཡིག་གསརཔ་ཅིག་ ངོས་ལེན་འབད་དེ་ པར་རིས་དང་ བཟོ་རྣམ་ དེ་ལས་ མགུ་རྙོག་དྲགས་མེདཔ་སྦེ་འགྱོ་ནུག དྲན་ཐོ། Lawrence “Art” Goble འདི་ དུས་རབས་བར་མའི་ཨ་མི་རི་ཀའི་བསྒུལ་བཟོའི་དཔའ་བོ་ཚུ་གི་གྲལ་ལས་ འཕྲལ་འཕྲལ་རང་ མ་བལྟ་བར་སྡོད་མི་ཅིག་ཨིན། ཁོ་གིས་ སྤྱི་ལོ་༡༩༥༠ དང་ ༡༩༦༠ གི་བར་ན་ ཤན་ཞུགས་ཅན་གྱི་ལོ་ཚུ་ནང་ ཧན་ན་བཱར་བེ་ར་ལུ་ལཱ་འབད་ནུག། Goble འདི་ ཡིག་འབྲུ་བསྒུལ་བཟོ་འབད་མི་ཅིག་མེན། ཁོ་གི་འགན་ཁུར་འདི་ གནས་སྟངས་བཟོ་ནི་འདི་ཨིནམ་ལས་ ཁོ་གིས་ ཕིལིན་ཀྲོན་དང་ ཧཀ་ལི་བེ་རི་ཧའུནཌ་ ཀུའིཀ་ཌྲོ་མེག་གཱརའོ་དང་ ཡོ་གི་བེར་ཚུ་གི་དོན་ལུ་ མཐའ་འཁོར་བཟོ་བཀོད་འབད་ཡོདཔ་དང་ དེ་བཟུམ་སྦེ་ སྒྲ་གདངས་བཟོ་མི་ ཁ་ཕྱེ་བའི་མིང་བྱང་ཤོག་བྱང་ཚུ་ཡང་ བཟོ་བཀོད་འབད་ནུག། ཁོ་གི་མིང་བྱང་ཤོག་བྱང་ཚུ་གིས་ རྟགས་མཚན་བཀོད་དེ་ཡོད་མི་ རི་མོ་ཚུ་གིས་ Hanna-Barbera གི་ ངོ་རྟགས་ཅན་གྱི་མཐོང་སྣང་འདི་ ངེས་ཚིག་བརྗོད་ནི་ལུ་ ཕན་ཐོགས་ནུག། གཱོབ་ལི་གིས་ ཀིའུཀ་ཌྲོ་མེག་གཱརའོ་དང་ ཡོ་གི་བེར་བཟུམ་གྱི་ འཁྲབ་རྩེདཔ་ཚུ་གི་དོན་ལུ་ སྒྱུ་རྩལ་གྱི་ལཱ་ཚུ་ རྒྱང་མཐོང་ཆུང་བ་ཚུ་ནང་ ཕན་ནུས་ཅན་སྦེ་ཐོན་ནུག། འགུལ་བརྙན་ནང་ལས་ པར་རིས་ཚུ་ ལོག་སྟེ་བཟོ་ནི་མེན་པར་ ཁོ་གིས་ བསམ་འཆར་སྒྲིང་སྒྲིང་ཅིག་ གསལ་བཀོད་འབད་ནི་ལུ་ གཙོ་བོར་བསྟེན་ནུག། “The Buzzin’ Bear” ནང་ལུ་ ཡོ་གི་གིས་ གནམ་གྲུ་ཐུང་ཐུང་ནང་ལུ་ སྐད་རྐྱབ་དོ་ཡོདཔ་ཨིན། འདི་ཡང་ ཁོ་གིས་ ལགཔ་ནང་ལུ་ པར་རིས་ཅིག་འབག་སྟེ་ “Bear on a Picnic” ནང་ལུ་ མཆོང་སྟེ་འགྱོཝ་ད་ ཁོ་གི་ “Prize Fight Fright” གི་དོན་ལུ་ ཡོ་གི་གིས་ མིང་ཚིག་འདི་ སྒྲོམ་ནང་བཙུགས་ནུག།
བློ་གཏད་དགོ་པའི་ གཡོ་འགུལ་ཉུང་སུ་ཅིག་དང་ ཡང་ན་ ག་ནི་ཡང་མེདཔ་ལས་ གཱོབ་ལི་གི་གཞི་ཁྲམ་རྐྱངམ་ཅིག་གིས་ སེམས་ཁམས་བཟོ་སྟེ་ མཐོང་སྣང་སྒྲིག་སྟེ་ སྲུང་འདི་ འགྲེལ་བཤད་རྐྱབ་དགོཔ་ཐོན་ནུག། ཁོང་གིས་ འ་ནི་འདི་ ཚོས་གཞི་ལེབ་ཏེག་ཏེ་དང་ ཐིག་ཁྲམ་གྱི་དབྱིབས་ དེ་ལས་ སྒྱུ་རྩལ་གྱི་ལཱ་ཚུ་ནང་ལུ་ འཕྲལ་འཕྲལ་སྦེ་ར་གྲལ་གཏོགས་འབད་དེ་ཡོད་མི་ དཔེ་བསྐྲུན་རིག་པ་ཚུ་ལག་ལེན་འཐབ་ཏེ་ འབད་ཡོདཔ་ཨིན།
འདི་ཡང་ དྲྭ་རྒྱ་ནང་ལུ་ལཱ་འབད་མི་ བཟོ་བཀོད་པ་ཚུ་གིས་ ང་བཅས་ལུ་ ཚོང་རྟགས་ཀྱི་མི་ངོ་ཚུ་ ག་དེ་སྦེ་ བརྡ་སྟོན་འབད་ནི་ཨིན་ན་དང་ འགོ་དང་པ་ མཐོང་སྣང་བཟོ་ནི་ དེ་ལས་ ཐོན་སྐྱེད་དང་ ཡང་ན་ ཡོངས་འབྲེལ་འཆར་སྒོ་ལག་ལེན་འཐབ་སྟེ་ མི་གཅིག་གི་ཉམས་མྱོང་ལུ་ རེ་བ་བསྐྱེད་ཐངས་ཚུ་གི་སྐོར་ལས་ ལེ་ཤ་ཅིག་རང་ སྟོན་ཚུགས། ང་བཅས་ཀྱིས་ སྒྱུ་རྩལ་མཁནམ་ཚུ་གི་ཐབས་ཤེས་ཚུ་ལས་ ཕན་ནུས་ཅན་གྱི་ བརྡ་བྱང་དང་ ཤོག་ལེབ་ཀྱི་མགོ་ཡིག་ དེ་ལས་ ལེགས་ཤོམ་སྦེ་ བཟོ་ཡོད་པའི་ གསལ་གཞི་ཚུ་ཡང་ ལྷབ་ཚུགས། Toon མགོ་མིང་དཔེ་སྐྲུན། མགུ་རྒྱན་ཡང་ན་དཔའ་བོ་ལུ་དགོ་པའི་ གཟུགས་བརྙན་དང་གཅིག་ཁར་ དབྱེ་བ་མཉམ་བསྡོམས་འབད་མི་འདི་གིས་ ག་དེ་སྦེ་བྱིནམ་ཨིན་ན་སྟོནམ་ཨིན། ཚིག་ཡིག་གྱིབ་མ་དང་ ཚིག་ཡིག་བརྡ་རྟགས་ དེ་ལས་ བསྒྱུར་བཅོས་འབད་ནིའི་ཐབས་ཤེས་ཚུ་ ལགཔ་གཅིག་དང་གཅིག་ཁར་ དེང་སང་གི་སི་ཨེསི་ཨེསི་གིས་ ཁྱོད་ལུ་ ནུས་ཤུགས་དེ་ཅིག་ལུ་ ཨེབ་གཏང་འབད་བཅུགཔ་ཨིན།
ཊུན་ཚིག་ཡིག་མགོ་མིང་བཟོ་མི། འདི་ཡང་ རྩོམ་བྲིས་འདི་ བྲིས་པའི་སྐབས་ ང་གིས་ ང་གིས་ གནམ་མེད་ས་མེད་དགའ་མི་ མགུ་སྐོར་གྱི་མིང་བཟུམ་སྦེ་ ཚིག་ཡིག་བཟོ་ནི་གི་ ལག་ཆས་ཅིག་ བཟོ་ནི་ལུ་ ཕན་ཐོགས་འབྱུང་ནི་མས་ཟེར་ ཧ་གོ་ཡི། དེ་འབདཝ་ལས་ ང་གིས་གཅིག་བཟོ་ཡི། ངེ་གི་ཊོན་ཚིག་ཡིག་མགོ་མིང་བཟོ་མི་འདི་གིས་ ཁྱོད་ལུ་ ཚོས་གཞི་དང་ བརྡ་རྟགས་ དེ་ལས་ ཚིག་ཡིག་གྱིབ་མ་སྣ་ཚོགས་ཚུ་ བརྟག་དཔྱད་འབད་བཅུགཔ་ཨིན། ཁྱོད་ཀྱིས་ ཚོས་གཞི་གོ་རིམ་བདེ་སྒྲིག་འབད་ཚུགས་ ཡི་གུའི་བར་སྟོང་བཞག་ཐངས་འཇུག་སྤྱོད་འབད་ཚུགས་ དཔེ་ཚད་ཡིག་གཟུགས་ཚུ་གི་སེལ་འཐུ་ནང་ ཁྱོད་རའི་ཚིག་ཡིག་སྔོན་ལྟ་འབད་ཚུགས་ དེ་ལས་ ལས་འགུལ་ནང་ལག་ལེན་འཐབ་ནི་ལུ་ བཟོ་བཏོན་འབད་ཡོད་པའི་སི་ཨེསི་ཨེསི་འདི་ ཁྱོད་རའི་འཛིན་པང་ལུ་ཕྲང་སྟེ་འདྲ་བཤུས་རྐྱབས་ཚུགས། Toon མགོ་མིང་ CSS ཁྱོད་ཀྱིས་ ཊོན་ཚིག་ཡིག་མགོ་མིང་བཟོ་བསྐྲུན་པ་གིས་ ཁྱོད་ལུ་བྱིན་མི་ སི་ཨེསི་ཨེསི་འདི་ འཇམ་ཏོང་ཏོ་སྦེ་ འདྲ་བཤུས་སྦྱར་ཚུགས། དེ་འབདཝ་ད་ ག་ཅི་འབདཝ་ཨིན་ན་ ལེགས་ཤོམ་སྦེ་བལྟ་གེ། ཚིག་ཡིག་གྲིབ་མ། འདི་ཡང་ འབྲུག་རྒྱང་བསྒྲགས་ལས་འཛིན་གྱིས་ འབྲུག་རྒྱང་བསྒྲགས་ལས་འཛིན་གྱི་ འགོ་དཔོན་ཚུ་ལུ་ བརྡ་འཕྲིན་ཅིག་བཏང་ཡོདཔ་ཨིན།
ཁྱོད་ཀྱིས་ཧེ་མ་ལས་རང་ ཚིག་ཡིག་གྱིབ་མ་གིས་ གནས་གོང་བཞི་ངོས་ལེན་འབདཝ་ཨིནམ་ཤེས་འོང་: (༡) འཕྲེད་ལ་དང་ (༢) ཀེར་ཕྲང་ཨོཕ་སེཊི་ (༣) མུན་ནག་ དེ་ལས་ (༤) ཚོས་གཞི་འདི་ བརྟན་པོ་ཡང་ན་ ཕྱེད་ཀ་དྭངས་གསལ་ཅན་འོང་ཚུགས། འདི་ཚུ་ གྱིབ་མ་སྲ་ཀྲག་ཅིག་ མར་ཕབ་འབད་དེ་ གཡས་ཁ་ཐུག་ལུ་ ལག་ལེན་འཐབ་སྟེ་ “Yuk-Yuk Duck” འདི་ འདྲ་བཤུས་རྐྱབ་ཚུགས། ཚོས་གཞི་: #f7f76d; ཚིག་ཡིག་-གྱིབ་མ་: ༥པི་ཨེགསི་ ༥པི་ཨེགསི་ ༠ #༡ཨི་༡༩༠༤;
ཕྱོགས་གཅིག་ལས་ འདི་ “Pint Giant” མིང་འདི་ དེ་གི་ ལོག་པའི་ཕྱེད་ཀ་འཇམ་པའི་གྱིབ་མ་དང་གཅིག་ཁར་ ཚོར་སྣང་སོ་སོ་ཡོདཔ་ཨིན། ཚོས་གཞི་: #c2a872; ཚིག་ཡིག་-གྱིབ་མ: -7px ༥པིགསི་ ༠ #b༡༠༠e, ༠ -༥པི་ཨེགསི་ ༡༠པི་ཨེགསི་ #༥༤༦c༦f;
གཏིང་ཟབ་ཚད་ཁ་སྐོང་འབད་ནི་དང་ སྤྲོ་བ་ཆེ་བའི་ནུས་པ་མངམ་བཟོ་ནི་ལུ་ ང་གིས་ གྱིབ་མ་སྣ་ཚོགས་བང་རིམ་བཟོ་ཚུགས། འདོན་སྤེལ།: ༢༠༡༠/༠༣/༠༣ རིག་པ།(༡) འདི་ཡང་ གྱིས་ བཤད་ནུག འདི་ཡང་ གྱིས་ བཤད་ནུག འདི་ཡང་ གྱིས་ བཤད་ནུག ཚོས་གཞི་: #༦F༤D༨༠; ཚིག་ཡིག་-གྱིབ་མ: -༥px5px 0 #260e1e, /* གྱིབ་མ་ ༡ */ 0 0 15px #e9ce96, /* གྱིབ་མ་ ༢ */ 0 0 30px #e9ce96, /* གྱིབ་མ་ ༣ */ 0 0 30px #e9ce96; /* གྱིབ་མ་ ༤ */
འ་ནི་གྱིབ་མ་ཚུ་གིས་ ཚིག་ཡིག་གྱིབ་མ་ལག་ལེན་འཐབ་མི་འདི་ འོད་ཀྱི་ནུས་པ་བཟོ་ནི་རྐྱངམ་ཅིག་མེན་པར་ མཛེས་རྒྱན་དང་ མི་ངོ་ཁ་སྐོང་འབད་ཚུགསཔ་སྦེ་སྟོནམ་ཨིན། ཚིག་ཡིག་བཤུད་ཐིག། མགུ་སྐོར་གྱི་མིང་བྱང་ཤོག་བྱང་མང་ཤོས་ཅིག་ནང་ ཡི་གུ་ཚུ་ རྒྱབ་གཞི་ལས་ ཁྱད་པར་ཕྱེ་ཚུགས་པའི་ བཀོད་རིས་སྦོམ་སྦེ་ཡོདཔ་ཨིན། ང་གིས་ ཚིག་ཡིག་-བརྡ་རྟགས་ལག་ལེན་འཐབ་ཐོག་ལས་ ནུས་པ་འདི་ལོག་སྟེ་བཟོ་ཚུགས། དུས་ཡུན་རིངམོ་གི་རིང་ལུ་ རྒྱུ་དངོས་འདི་ -webkit- སྔོན་སྒྲིག་བརྒྱུད་དེ་རྐྱངམ་ཅིག་ཐོབ་ཚུགསཔ་ཨིན་རུང་ འདི་གིས་ ད་རེས་ དེང་སང་གི་བརྡ་འཚོལ་ཚུ་ནང་ རྒྱབ་སྐྱོར་འབདཝ་ཨིན་ཟེར་བའི་དོན་དག་ཡང་ཨིན།
text-stroke འདི་ རྒྱུ་དངོས་གཉིས་ཀྱི་དོན་ལུ་ ཐུང་ཡིག་ཨིན། དང་པ་ ཚིག་ཡིག་-བརྡ་རྟགས་-རྒྱ་ཚད་འདི་གིས་ ཡི་གུ་རེ་རེ་བཞིན་གྱི་མཐའ་འཁོར་ལུ་ ངོས་ཐིག་འབྲིཝ་ཨིནམ་དང་ གཉིས་པ་ ཚིག་ཡིག་-བརྡ་རྟགས་-ཚོས་གཞི་འདི་གིས་ ཚོས་གཞི་འདི་ཚད་འཛིན་འབདཝ་ཨིན། གང་ལྟར་ “Whatever Goes Pup” གི་དོན་ལུ་ ང་གིས་ ཚིག་ཡིག་སེརཔོ་ལུ་ ༤པི་ཨེགསི་ ཧོནམ་གི་ཐིག་ཁྲམ་ཅིག་ཁ་སྐོང་འབད་ཡི། ཚོས་གཞི: #eff0cd; -ཝེབ་ཀིཊི་-ཚིག་ཡིག་-བརྡ་རྟགས་: 4px #7890b5; text-stroke: 4px #7890b5;
གྱིབ་མ་དང་གཅིག་ཁར་ མཉམ་སྡེབ་འབད་བའི་སྐབས་ དམིགས་བསལ་གྱིས་ ཕན་ཐོགས་ཅན་ཅིག་འོང་ནི་ཨིནམ་ལས་ “Growing, Growing, Gone” གི་དོན་ལུ་ ང་གིས་ མཐོང་སྣང་གསུམ་གྱི་ཚིག་ཡིག་གི་ནུས་པ་ བཟོ་ནིའི་དོན་ལུ་ གྱིབ་མ་༡པི་ཨེགསི་ལུ་ ༣པི་ཨེགསི་གི་གྱིབ་མ་སྲབ་ཤོག་ཤོ་ཅིག་ཁ་སྐོང་འབད་ཡི། ཚོས་གཞི་: #fbb999; text-shadow: ༣པི་ཨེགསི་ ༥པི་ཨེགསི་ ༡པི་ཨེགསི་ #༥༡༦༠b༡; -ཝེབ་ཀིཊི་-ཚིག་ཡིག་-བརྡ་རྟགས་: 3px #984336; text-stroke: 3px #984336;
ཚོས་གཞི་བཀོད་རིས། ཚིག་ཡིག་-བརྡ་རྟགས་ལག་ལེན་འཐབ་མི་འདི་གིས་ རེ་བ་བསྐྱེད་པའི་གྲུབ་འབྲས་འདི་ དམིགས་བསལ་གྱིས་ ཡིག་འབྲུ་སྲབ་ཤོག་ཤོ་དང་ བརྡ་རྟགས་སྦོམ་ཚུ་དང་གཅིག་ཁར་ རྟག་བུ་རང་ མི་ཐོནམ་ཨིན། མྱ་ངན་ཅན་གྱི་ CSS གིས་ ད་ལྟོ་ཡང་ ང་གིས་ འཕྲལ་འཕྲལ་སྦེ་ར་ Sketch ནང་ལུ་འབདཝ་བཟུམ་སྦེ་ བརྡབ་གསིག་བཞག་ས་འདི་ བདེ་སྒྲིག་འབད་བཅུག་མི་བཏུབ། ཨིན་རུང་ ཚོས་གཞི་བཀོད་རིས་རྒྱུ་དངོས་འདི་ལུ་ བཀང་ནིའི་གདོང་ཁར་མེན་པར་ རྒྱབ་ཁར་ བརྡ་མཚོན་བཙུགས་བཅུག་མི་ གནས་གོང་ཚུ་ཡོདཔ་ཨིན།
ཚོས་གཞི་གོ་རིམ་: ཚོས་གཞི་བཀོད་རིས་འདི་ དང་པ་ར་ ཚོས་གཞི་བཀོད་ཞིནམ་ལས་ བཀང་ནི་ཨིན་ དེ་འབདཝ་ད་ ཚོས་གཞི་བཀོད་རིས་: བཀང་ནི་འདི་ རྒྱབ་འགལ་འབདཝ་ཨིན། ཚོས་གཞི་: #fbb999; paint-གོ་རིམ་: བཀང; text-shadow: ༣པི་ཨེགསི་ ༥པི་ཨེགསི་ ༡པི་ཨེགསི་ #༥༡༦༠b༡; text-stroke-ཚོས་གཞི་:#984336; text-stroke-རྒྱ་ཚད་: 3px;
ཕན་ནུས་ཅན་གྱི་ཐིག་ཁྲམ་འདི་གིས་ ཡི་གུ་ཚུ་ལྷག་ཚུགསཔ་སྦེ་བཞགཔ་ཨིནམ་དང་ ལྗིད་ཚད་ཁ་སྐོང་འབདཝ་ཨིནམ་དང་ གྱིབ་མ་དང་ཚོས་གཞི་གི་གོ་རིམ་དང་གཅིག་ཁར་མཉམ་སྡེབ་འབད་བའི་སྐབས་ལུ་ ཚིག་ཡིག་ཕྲང་ཏང་ཏ་སྦེ་བྱིནམ་ཨིན། ཚིག་ཡིག་ནང་ན་གི་རྒྱབ་གཞི་ཚུ། མགུ་བསྐོར་གྱི་མིང་བྱང་ཤོག་བྱང་མང་ཤོས་ཅིག་གིས་ ཚོས་གཞི་སྙོམ་ཏ་ལས་ལྷག་སྟེ་ ཡིག་གུ་ལུ་ ཚོས་གཞི་དང་ གྱེན་ཐིག་ ཡང་ན་ པར་རིས་ཅན་གྱི་ཁ་གསལ་ཚུ་ཁ་སྐོང་བཀོད་དེ་འགྱོཝ་ཨིན། འཕྲལ་འཕྲལ་སྐབས་ འ་ནི་འདི་ ཚོས་གཞི་ཅིག་ཨིནམ་དང་ གཞན་མི་སྐབས་ལུ་ སྒྲ་སྐད་ཀྱི་འགྱུར་བ་ཕྲ་མོ་ཅིག་དང་གཅིག་ཁར་ གྱེན་ལམ་ཅིག་འོང་ནི་མས། ཝེབ་ནང་ལུ་ ང་གིས་ ཚིག་ཡིག་གི་རྒྱབ་ཁར་ རྒྱབ་གཞི་གཟུགས་བརྙན་ཡང་ན་ གྱེན་ཐིག་ལག་ལེན་འཐབ་ཐོག་ལས་ ནུས་པ་འདི་ལོག་སྟེ་བཟོ་ཚུགས་ནི་ཨིནམ་དང་ དེ་ལས་ ཡི་གུ་ཚུ་གི་དབྱིབས་ལུ་ བཏོག་བཏང་ཚུགས། འདི་གིས་ གཅིག་ཁར་ལཱ་འབད་མི་རྒྱུ་དངོས་གཉིས་ལུ་བརྟེན་དོ་ཡོདཔ་ཨིན་: རྒྱབ་གཞི་-བཤུད་ཕྲ་: ཚིག་ཡིག་དང་ ཚིག་ཡིག་-བཀང་ནི་-ཚོས་གཞི་: དྭངས་གསལ་ཅན་ཨིན།
དང་པ་ ང་གིས་ ཚིག་ཡིག་གི་རྒྱབ་ཁར་ རྒྱབ་གཞི་ཅིག་འཇུག་སྤྱོད་འབདཝ་ཨིན། འདི་བིཊི་མེཔ་ ཡང་ན་ བེག་ཊར་གཟུགས་བརྙན་ ཡང་ན་ སི་ཨེསི་ཨེསི་གྱེན་ཐིག་ཅིག་འོངམ་ཨིན། འདི་ཡང་ དཔེ་འབད་བ་ཅིན་ མགྱོགས་དྲགས་སྦེ་འབྲི་མི་ McGraw གི་ལེའུ་ “Baba Bait” ལས་ མིང་ཚིག་འདི་ནང་ གནགཔོ་ལས་འོད་ལུ་ མགུ་ལས་མཇུག་ལུ་ གྱེན་ཐིག་ཕྲ་མོ་ཅིག་ཚུདཔ་ཨིན། རྒྱབ་གཞི་: རིམ་འགྲོས་-གྱེན་ཐིག་(༠ཌི་ཇི་, #༦༦༧བི་༦ཨེ་, #༡ཌི་༢༧༡ཨེ་);
དེ་ལས་ ང་གིས་ རྒྱབ་གཞི་འདི་ གཱལའིཕ་ཚུ་ལུ་ བཏོག་ཞིནམ་ལས་ ཚིག་ཡིག་འདི་ དྭངས་གསལ་བཟོཝ་ལས་ རྒྱབ་གཞི་འདི་ བརྒྱུད་དེ་སྟོནམ་ཨིན། -webkit-རྒྱབ་གཞི་-བཤུད་བརྙན་: ཚིག་ཡིག; -ཝེབ་ཀིཊི་-ཚིག་ཡིག་-བཀང་-ཚོས་གཞི་: དྭངས་གསལ་ཅན་;
གྲལ་ཐིག་འདི་གཉིས་རྐྱངམ་ཅིག་གིས་ རྒྱབ་གཞི་འདི་ ཚིག་ཡིག་གི་རྒྱབ་ཁར་ ཚོས་གཞི་བཀོད་མི་བཏུབ། དེ་གི་ཚབ་ལུ་ དེ་གི་ནང་ལུ་ ཚོན་བཏང་ཡོདཔ་ཨིན། འ་ནི་ཐབས་ལམ་འདི་ དམིགས་བསལ་གྱིས་ བརྡ་རྟགས་དང་གྱིབ་མ་ཚུ་དང་གཅིག་ཁར་ མཉམ་སྡེབ་འབད་བའི་སྐབས་ ལེགས་ཤོམ་སྦེ་ལཱ་འབདཝ་ཨིན། གཤག་བཅོས་འབད་ཡོད་པའི་གྱེན་ཐིག་འདི་གིས་ ཡིག་འབྲུ་ཚུ་ལུ་ ཚོས་གཞི་དང་ ཚོས་གཞི་ཚུ་བྱིནམ་ཨིནམ་དང་ ཐིག་ཁྲམ་འདི་གིས་ མཐའམ་ཚུ་ རྣོ་དྲགས་སྦེ་བཞགཔ་ཨིནམ་དང་ གྱིབ་མ་འདི་གིས་ རྒྱབ་གཞི་ལས་ ཡར་འཐེན་འབདཝ་ཨིན། མཉམ་གཅིག་སྦེ་ ཁོང་གིས་ སི་ཨེསི་ཨེསི་ཆུང་ཀུ་ཅིག་ལས་ལྷག་སྟེ་ ག་ནི་ཡང་མ་ལག་ལེན་འཐབ་སྟེ་ ལགཔ་གིས་ཚོས་གཞི་བཀོད་ཡོད་པའི་ མིང་བྱང་ཤོག་བྱང་ཚུ་གི་ བང་རིམ་བཟོ་རྣམ་འདི་ ལོག་བཟོཝ་ཨིན། དུས་རྒྱུན་བཟུམ་སྦེ་ བརྡ་འཚོལ་གྱི་ཁྱད་ཆོས་ཚུ་གིས་ འཕྲལ་འཕྲལ་སྐབས་ གྱིབ་མ་དང་ བཀྲམ་སྟོན་ལུ་ གནོད་པ་ཡོདཔ་ལས་ བཏོག་བཏང་ཡོད་པའི་ཚིག་ཡིག་ཚུ་ ལེགས་ཤོམ་སྦེ་ བརྟག་དཔྱད་འབད། ཚིག་ཡིག་འདི་ ངོ་རྐྱང་ཡིག་འབྲུ་ཚུ་ནང་ཁ་འཕྱལ་དོ། རེ་ཅིག་སྐབས་ མིང་ཚིག་ཆ་མཉམ་ཡང་ན་ མགོ་ཡིག་ཅིག་ བཟོ་རྣམ་བཟོ་མི་དགོ། ང་གིས་ ཡི་གུ་རེ་རེ་བཞིན་དུ་ བཟོ་རྣམ་བཟོ་དགོ་མནོཝ་ཨིན་ — ཡིག་འབྲུ་ཅིག་ ས་གནས་ནང་ བཙུགས་ནི་དང་ གིལཕ་གཅིག་ལུ་ ལྗིད་ཚད་ཁ་སྐོང་བྱིན་ནི་ ཡང་ན་ ཡིག་འབྲུ་དག་པ་ཅིག་ རང་དབང་ཅན་སྦེ་ བསྒུལ་བཟོ་འབད་ནི་ཚུ་ཨིན། སྤྱིར་བཏང་ཨེཆ་ཊི་ཨེམ་ཨེལ་དང་ སི་ཨེསི་ཨེསི་ནང་ དེ་འབད་ནིའི་དོན་ལུ་ བློ་གཏད་ཅན་གྱི་ཐབས་ལམ་གཅིག་རྐྱངམ་ཅིག་ཡོདཔ་ཨིན། ང་གིས་ ལག་ཐོག་ལས་འབད་ཚུགས་ནི་ཨིན་རུང་ དེ་ཚུ་ ཉམས་ཆུང་དང་ བདག་འཛིན་འཐབ་ནི་ལུ་ལཱ་ཁག་འོང་ དེ་ལས་ འདྲ་བཤུས་བསྒྱུར་བཅོས་འབད་བའི་སྐབས་ མགྱོགས་པ་རང་ ཆ་མེད་འགྱོ་འོང་། དེ་གི་ཚབ་ལུ་ ང་ལུ་ཡི་གུ་རེ་ལུ་ཚད་འཛིན་དགོཔ་ད་ ང་གིས་ splt.js བཟུམ་གྱི་ཚིག་ཡིག་བགོ་བཤའ་རྐྱབ་མི་དཔེ་མཛོད་ཅིག་ལག་ལེན་འཐབ་ཨིན་ (ཐབས་ཤེས་གཞན་ཚུ་འཐོབ་ཚུགས་རུང་)། འདི་གིས་ ཚིག་ཡིག་མཛུབ་གནོན་ཅིག་འབག་སྟེ་ རང་བཞིན་གྱིས་ མིང་ཚིག་ཡང་ན་ཡིག་འབྲུ་ཚུ་ བཀབ་སྟེ་ ངེ་གི་རྟགས་བཀོད་འདི་ མ་བརླག་པར་ བསྒུལ་བཟོ་དང་བཟོ་རྣམ་འབད་ནི་ལུ་ ཧུཀ་ཁ་སྐོང་བྱིནམ་ཨིན། འདི་ཡང་ ངེ་གི་ཨེཆ་ཊི་ཨེམ་ཨེལ་འདི་ ལྷག་ཚུགསཔ་དང་ ཡིག་བརྡ་ཚུ་ བཞག་ཚུགས་པའི་ ཐབས་ལམ་ཅིག་ཨིནམ་ད་ ང་གིས་ ཁྱོད་ཀྱིས་ དང་ཕུའི་འགུལ་བརྙན་གྱི་མིང་ཤོག་བྱང་ཚུ་ནང་ མཐོང་མི་ འདྲ་མཉམ་མེད་པའི་ ཁྱད་ཆོས་ཅན་གྱི་ཡིག་གཟུགས་ཚུ་ ལོག་སྟེ་བཟོ་དགོཔ་ཨིན། དེ་འབདཝ་ད་ ཐབས་ལམ་འདི་ 100 དང་ཅིག་ཁར་འོང་།འཛུལ་སྤྱོད་ཀྱི་ཉེན་བརྡ་ཚུ་ གསལ་གཞི་ལྷག་མི་མང་ཤོས་ཅིག་གིས་ ཚིག་ཡིག་མཐུད་མཚམས་ཚུ་གོ་རིམ་བཞིན་དུ་ལྷགཔ་ཨིན། དེ་འབདཝ་ལས་ འདི་:
ཧཱུཾ་མངར་ཧུམ
།...ཁྱོད་ཀྱིས་རེ་བ་བསྐྱེད་དོ་བཟུམ་སྦེ་ལྷག། ཧཱུྃ་མངར་ཧཱུྃ།
དེ་འབདཝ་ད་ འདི་:
<སྤན་>ཧ། <སྤན>འུ་སྤན>། <སྤན>མསྤན>།
།...བརྡ་འཚོལ་དང་གསལ་གཞི་ལྷག་མི་ལུ་གཞི་བཞག་སྟེ་ སོ་སོ་སྦེ་དོན་འགྲེལ་འབད་ཚུགས། ལ་ལུ་ཅིག་གིས་ ཡི་གུ་ཚུ་ མཉམ་བསྡོམས་འབད་དེ་ ཚིག་ཚུ་ བདེན་པ་སྦེ་ལྷག་འོང་། གཞན་མི་ཚུ་གིས་ ཡི་གུ་ཚུ་གི་བར་ན་ བར་མཚམས་འཇོག་འོང་། “ཧ...” “ཨུ་...” “མ...”
བློ་འགྱོད་ཅན་གྱི་ བགོ་བཤའ་རྐྱབ་ཐངས་ལ་ལུ་ཅིག་གིས་ དུས་རྒྱུན་དུ་ འཛུལ་སྤྱོད་འབད་ཚུགས་པའི་ གྲུབ་འབྲས་ཅིག་ མི་བྱིནམ་ལས་ ད་ལྟོ་ བེ་ཊ་ནང་ཡོད་མི་ ངེ་གི་ཚིག་ཡིག་བགོ་བཤའ་རྐྱབ་མི་ splinter.js འདི་ བྲིས་ཡི། ངོ་རྐྱང་ཡི་གུ་ཚུ་བསྒྱུར་བཅོས་འབད་དོ། ངེ་གི་ཊུན་ཚིག་ཡིག་བགོ་བཤའ་རྐྱབ་མི་འདི་ཤུགས་ལྡན་བཟོ་ནི་ལུ་ ང་གིས་ བགོ་བཤའ་རྐྱབ་དགོ་མནོ་མི་ ཆ་ཤས་ལུ་ གནད་སྡུད་ཁྱད་ཆོས་ཁ་སྐོང་བརྐྱབ་ཨིན།
ཧཱུཾ་མངར་ཧཱུྃ།
དང་པ་ ངེ་གི་ཡིག་གཟུགས་འདི་ མིང་ཚིག་རེ་རེ་བཞིན་དུ་ ཡི་གུ་རེ་རེ་བཞིན་དུ་ལུ་ དབྱེ་བ་ཕྱེ་སྟེ་ དབྱེ་རིམ་དང་ ཨེ་ཨར་ཨའི་ཨེ་ཁྱད་ཆོས་ཚུ་འཇུག་སྤྱོད་འབད་ཡོད་པའི་ ཁྱབ་ཚད་ཆ་ཤས་ཅིག་ནང་ བཀབ་བཞགཔ་ཨིན། ཨའུ། ཨའུ ་ཡིག
དབྱེ་རིམ་ཁྱད་ཆོས་དེ་ཚུ་འཇུག་སྤྱོད་འབད་བའི་ཤུལ་ལས་ ང་གིས་གདམ་ཁ་རྐྱབ་མི་དང་འཁྲིལ་ཏེ་ ཡིག་འབྲུ་རེ་རེ་བཞིན་དུ་བཟོ་རྣམ་བཟོ་ཚུགས།
དཔེར་ན་ “Hum Sweet Hum” གི་དོན་ལུ་ ང་གིས་ དེ་གི་ཡི་གུ་ཚུ་ གཞི་རྟེན་ལས་ ག་དེ་སྦེ་ ཐག་རིང་སར་འགྱོཝ་ཨིན་ན་ འདྲ་བཤུས་རྐྱབ་དགོཔ་ཨིན། ངེ་གི་ཊུན་ཚིག་ཡིག་བགོ་བཤའ་རྐྱབ་མི་འདི་ལག་ལེན་འཐབ་པའི་ཤུལ་ལས་ ང་གིས་ ཕྱེད་ཀ་གང་བྱུང་མཐོང་སྣང་གསར་བསྐྲུན་འབད་ནི་ལུ་ :nth-child སེལ་འཐུ་འབད་མི་ལེ་ཤ་ཅིག་ལག་ལེན་འཐབ་སྟེ་ སྐད་སྒྱུར་གནས་གོང་སོ་སོ་བཞི་འཇུག་སྤྱོད་འབད་ཡི། /* ༤ པ། ༨ པ། ༡༢... */ .toon-char:nth-child(4n) { སྐད་སྒྱུར: ༠ -༨པི་ཨེགསི་; } . /* ༡ པ། ༥ པ། ༩པ།... */ .toon-char:nth-child(4n+1) { སྐད་སྒྱུར: ༠ -༤པི་ཨེགསི་; } . /* ༢ པ། ༦ པ། ༡༠པ།... */ .toon-char:nth-child(4n+2) { སྐད་སྒྱུར: 0 4px; } . /* ༣ པ། ༧ པ། ༡༡པ།... */ .toon-char:nth-child(4n+3) { སྐད་སྒྱུར: ༠ ༨པི་ཨེགསི་; } .
དེ་འབདཝ་ད་ སྐད་སྒྱུར་འདི་ ངེ་གི་ཊོན་ཚིག་ཡིག་བསྒྱུར་བཅོས་འབད་ནི་ལུ་ ལག་ལེན་འཐབ་བཏུབ་པའི་རྒྱུ་དངོས་གཅིག་རྐྱངམ་ཅིག་ཨིན།
ང་ཡང་ ཡིག་འབྲུ་རེ་རེ་བཞིན་དུ་ ཧེང་སྐལ་ཟང་ཟིང་ཅན་གྱི་མཐོང་སྣང་དོན་ལུ་ བསྒྱིར་ཚུགས། /* ༤ པ། ༨ པ། ༡༢... */ .ཊུན་-གྲལ་ཐིག་ .ཊུན་-ཅར་:ཨེན་ཐི་-ཨ་ལོ་(༤ཨེན་) { བསྒྱིར: -༤ཌི་ཇི་; } . /* ༡ པ། ༥ པ། ༩པ།... */ .toon-char:nth-child(4n+1) { བསྒྱིར་: -8deg; } . /* ༢ པ། ༦ པ། ༡༠པ།... */ .toon-char:nth-child(4n+2) { བསྒྱིར་: ༤ཌིག; } . /* ༣ པ། ༧ པ། ༡༡པ།... */ .toon-char:nth-child(4n+3) { བསྒྱིར་: ༨ཌི་ཇི་; } .
དེ་འབདཝ་ད་ སྐད་སྒྱུར་འདི་ ངེ་གི་ཊོན་ཚིག་ཡིག་བསྒྱུར་བཅོས་འབད་ནི་ལུ་ ལག་ལེན་འཐབ་བཏུབ་པའི་རྒྱུ་དངོས་གཅིག་རྐྱངམ་ཅིག་ཨིན། ང་ཡང་ ཡིག་འབྲུ་རེ་རེ་བཞིན་དུ་ ཧེང་སྐལ་ཟང་ཟིང་ཅན་གྱི་མཐོང་སྣང་དོན་ལུ་ བསྒྱིར་ཚུགས། /* ༤ པ། ༨ པ། ༡༢... */ .ཊུན་-གྲལ་ཐིག་ .ཊུན་-ཅར་:ཨེན་ཐི་-ཨ་ལོ་(༤ཨེན་) { . བསྒྱིར་: -4deg; } .
/* ༡ པ། ༥ པ། ༩པ།... */ .ཏུན་-ཆར་:ཨེན་ཐི་-ཨ་ལུ(༤ཨེན་+༡) { . བསྒྱིར་: -8deg; } .
/* ༢ པ། ༦ པ། ༡༠པ།... */ .ཏུན་-ཆར་:ཨེན་ཐི་-ཨ་ལོ་(༤ཨེན་+༢) { . བསྒྱིར་: ༤deg; } .
/* ༣ པ། ༧ པ། ༡༡པ།... */ .ཊུན་-ཆར:ཨེན་ཐི་-བྱིས་པ་(༤ཨེན་+༣) { . rotate: 8deg; } .
འདི་ཡང་ ང་གིས་ ཡིག་འབྲུ་འདི་ཚུ་ གཡོ་འགུལ་འབད་དེ་ ངེ་གི་ ཊོན་ཚིག་ཡིག་བཟོ་རྣམ་གྱི་ མིང་ཚུ་ མི་ཚེ་ནང་ འབག་འོང་ནིའི་དོན་ལུ་ བསྒུལ་བཟོ་ཚུ་ ཁ་སྐོང་བརྐྱབ་ཚུགས། དང་པ་ ང་གིས་ཡིག་འབྲུ་ཚུ་བསྒྱིར་མི་ ལྡེ་མིག་གཞི་ཁྲམ་བསྒུལ་བཟོ་ཅིག་གསར་བསྐྲུན་འབད་ཡི།
@keyframes ཇིགལ་ { ༠%, ༡༠༠% { བསྒྱུར་བཅོས་: བསྒྱིར་(var(--གཞི་རྟེན་-བསྒྱིར་, ༠deg)); } . 25% { བསྒྱུར་བཅོས་: བསྒྱིར་(ཀེལ་ཀི་(ཝར་(--གཞི་རྟེན་-བསྒྱིར་, ༠ཌི་ཇི་) + ༣ཌི་ཇི་)); } . 50% { བསྒྱུར་བཅོས་: བསྒྱིར་(ཀེལཀ་(ཝར་(--གཞི་རྟེན་-བསྒྱིར་, ༠ཌི་ཇི་) - ༢ཌི་ཇི་)); } . 75% { བསྒྱུར་བཅོས་: བསྒྱིར་(ཀེལ་ཀི་(ཝར་(--གཞི་རྟེན་-བསྒྱིར་, ༠ཌི་ཇི་) + ༡ཌི་ཇི་)); } . } .
ངེ་གི་ཊུན་ཚིག་ཡིག་བགོ་བཤའ་རྐྱབ་མི་གིས་གསར་བསྐྲུན་འབད་ཡོད་པའི་ ཁྱབ་ཚད་ཆ་ཤས་ཚུ་ལུ་འཇུག་སྤྱོད་མ་འབད་བའི་ཧེ་མ། .ཏུན་-ཆར་ { . བསྒུལ་བཟོ་: jiggle 3s མཐའ་མེད་བདེ་ཏོག་ཏོ་-ནང་-ཕྱི་ཁར་; transform-origin: དབུས་འོག་; } .
མཐའ་མཇུག་ལུ་ ཡིག་འབྲུ་རེ་རེ་གིས་ ཇིགལ་འགོ་མ་བཙུགས་པའི་ཧེ་མ་ བསྒྱིར་ཚད་དང་ ཕྱིར་འགྱངས་གཞི་སྒྲིག་འབདཝ་ཨིན། .toon-char:nth-child(4n) { --གཞི་རྟེན་-བསྒྱིར་: -2deg; } . .toon-char:nth-child(4n+1) { --གཞི་རྟེན་-བསྒྱིར་: -༤ཌི་; } . .toon-char:nth-child(4n+2) { --གཞི་རྟེན་-བསྒྱིར་: ༢ཌི་ཇི་; } . .toon-char:nth-child(4n+3) { --གཞི་རྟེན་-བསྒྱིར་: ༤ཌི་ཇི་; } .
.toon-char:nth-child(4n) { བསྒུལ་བཟོ་-ཕྱིར་འགྱངས་: ༠.༡s; } . .toon-char:nth-child(4n+1) { བསྒུལ་བཟོ་-ཕྱིར་འགྱངས་: ༠.༣s; } . .toon-char:nth-child(4n+2) { བསྒུལ་བཟོ་-ཕྱིར་འགྱངས་: ༠.༥s; } . .toon-char:nth-child(4n+3) { བསྒུལ་བཟོ་-ཕྱིར་འགྱངས་: ༠.༧s; } .
མཐོང་སྣང་བཟོ་ནིའི་དོན་ལུ་ གཞི་ཁྲམ་གཅིག། མགུ་བསྐོར་གྱི་མིང་འདི་ སྒྱུ་རྩལ་མཁནམ་ཚུ་ལུ་ སེམས་ཁར་འབབ་ནིའི་དོན་ལུ་ གཞི་ཁྲམ་གཅིག་ཡོདཔ་དང་ ཁོང་གི་དཔེ་བསྐྲུན་འདི་ ཁོང་གིས་ རི་མོ་བྲིས་མི་བཟུམ་སྦེ་ར་ ཁག་ཆེཝ་ཨིན། ཡོངས་འབྲེལ་ནང་ལུ་ཡང་དེ་སྦེ་རང་ཡོདཔ་ཨིན། ལེགས་ཤོམ་སྦེ་བཟོ་བཀོད་འབད་ཡོད་པའི་མགོ་ཡིག་ཡང་ན་དཔའ་བོ།ས་ཁོངས་འདི་ལུ་ གསལ་ཏོག་ཏོ་དང་ རང་གཤིས་ དེ་ལས་ བློ་གཏད་དགོཔ་ཨིན། ལེགས་ཤོམ་སྦེ་གདམ་ཁ་རྐྱབ་ཡོད་པའི་ སི་ཨེསི་ཨེསི་རྒྱུ་དངོས་དག་པ་ཅིག་ — གྱིབ་མ་དང་ བརྡ་མཚོན་ བཏོག་བཏང་ཡོད་པའི་རྒྱབ་གཞི་ དེ་ལས་ བཀག་ཆ་འབད་ཡོད་པའི་བསྒུལ་བཟོ་ལ་ལུ་ཅིག་ — ང་བཅས་ཀྱིས་ དེ་བཟུམ་མའི་གནོད་པ་ཚུ་ ལོག་སྟེ་བཟོ་ཚུགས། ང་གིས་ toon ཚིག་ཡིག་ལུ་དགའཝ་འདི་ ང་གིས་ སེམས་ཁར་དྲན་མི་ལུ་བརྟེན་ཏེ་མེན་པར་ བཟོ་བཀོད་འདི་ བསམ་ཞིབ་འབད་དེ་ཡོདཔ་ལས་ཨིན། ཤེས་བཞིན་དུ་གདམ་ཁ་རྐྱབ་སྟེ་ ཁྱོད་རའི་བཟོ་བཀོད་ཚུ་ལུ་ ཊོན་ཚིག་ཡིག་དཔེ་བསྐྲུན་ཆུང་ཀུ་ཅིག་གིས་ བརྡུང་རྫོབ་འབད་བཅུག།