འདི་ཡང་ ཁྱོད་ཀྱིས་ ལས་འགུལ་གསརཔ་ཅིག་ནང་ འཛུལ་ཞུགས་འབད་དེ་ གསང་ཡིག་གཞི་རྟེན་ནང་ མཆོང་སྟེ་ ཆུ་ཚོད་དག་པ་ཅིག་གི་ནང་འཁོད་ལུ་ ཁྱོད་ཀྱིས་ སེམས་ཕམ་ཅན་གྱི་ གོམས་འདྲིས་ཅན་གྱི་ ཅ་ལ་ཅིག་ མཐོང་ཚུགསཔ་ཨིན། བཟོ་རྣམ་ཤོག་ཁྲམ་ཚུ་ནང་ལུ་ཁ་སྟོར་ཏེ་ཡོདཔ་ཨིན་ ཁྱོད་ཀྱིས་གཞི་རིམ་བསྒུལ་བཟོ་གཅིག་པའི་དོན་ལུ་ @keyframes ངེས་ཚིག་སྣ་མང་འཐོབ་ཨིན། ཕེཌ་ཨིན་ནུས་པ་སོ་སོ་གསུམ་དང་ བཤུད་བརྙན་གྱི་འགྱུར་བ་གཉིས་གསུམ་ ཆེར་བསྐྱེད་བསྒུལ་བཟོ་ལགཔ་གཅིག་དང་ ཉུང་མཐའ་ལུ་ བསྒུལ་བཟོ་སོ་སོ་གཉིས་ ག་ཅི་འབད་མ་བཏུབ་སྨོ? @keyframes འཕར་རྩ། { from { scale: ༡; } . to { scale: ༡.༡; } . } .
@keyframes བིགར་-པཱལསི { ༠%, ༢༠%, ༡༠༠% { scale: ༡; } . ༡༠%, ༤༠% { scale: ༡.༢; } . } .
གལ་ཏེ་གནས་སྟངས་འདི་གོམས་འདྲིས་ཅན་ཅིག་ཨིན་པ་ཅིན་ ཁྱོད་རྐྱངམ་གཅིག་མེན། ལས་འགུལ་སྣ་ཚོགས་ཀྱི་ནང་ལུ་ ངེ་གི་ཉམས་མྱོང་ནང་ལུ་ ང་གིས་ མགྱོགས་དྲགས་སྦེ་ རྒྱལ་ཁ་ཐོབ་ཚུགས་མི་འདི་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ གཅིག་ཁར་བསྡོམས་ཏེ་ གནས་ཚད་བཟོ་ནི་འདི་ཨིན། འདི་བཟུམ་གྱི་བློ་གཏད་ཅན་གྱི་དཔེ་རིས་ཅིག་ལུ་འགྱུར་ཡོདཔ་ལས་ ད་རེས་ ང་གིས་ གསང་ཡིག་གཞི་རྟེན་གསརཔ་ག་ཅི་གུ་ཡང་ ངེ་གི་ལཱ་འགོ་དང་པ་ཅིག་སྦེ་ གཙང་སྦྲ་འབད་ནི་ལུ་ རེ་བ་བསྐྱེདཔ་ཨིན། ཟང་ཟིང་གི་རྒྱབ་ལྗོངས་ཀྱི་གཏན་ཚིགས། འ་ནི་ལྷག་ལུས་འདི་ ཁྱོད་ཀྱིས་མནོ་བསམ་གཏང་པའི་སྐབས་ དོན་དག་ཡང་དག་ཅིག་བཟོཝ་ཨིན། ང་བཅས་ག་ར་གིས་ ཉིན་བསྟར་གྱི་ལཱ་ནང་ གཞི་རྩའི་བསྒུལ་བཟོ་ཚུ་ ཅོག་འཐདཔ་སྦེ་ལག་ལེན་འཐབ་ཨིན། བསྒུལ་བཟོ་འདི་ཚུ་ ཧ་ཅང་གིས་ ཕྲང་ཏང་ཏ་ཨིནམ་ལས་ ལཱ་འདི་འབད་ཚར་ནི་ལུ་ @keyframes ངེས་ཚིག་འདི་ མགྱོགས་དྲགས་སྦེ་ བརྡུང་ཚུགས། དབུས་སྒྲིག་བསྒུལ་བཟོ་ལམ་ལུགས་མེད་པ་ཅིན་ གོང་འཕེལ་གཏང་མི་ཚུ་གིས་ རང་བཞིན་གྱི་ཐོག་ལས་ འ་ནི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ འགོ་ཐོག་ལས་རང་ བྲིས་དོ་ཡོདཔ་ད་ དེ་བཟུམ་མའི་བསྒུལ་བཟོ་ཚུ་ གསང་ཡིག་གཞི་རྟེན་ནང་ ཧེ་མ་ལས་རང་ ཡོདཔ་ཨིནམ་མ་ཤེས། འ་ནི་འདི་ དམིགས་བསལ་གྱིས་ ཆ་ཤས་ལུ་གཞི་བཞག་པའི་བཟོ་རིགས་ནང་ལུ་ལཱ་འབད་བའི་སྐབས་ལུ་ ཡོངས་གྲགས་ཡོདཔ་ཨིན། ༼ད་རེས་ནངས་པ་ ང་བཅས་མང་ཤོས་ཅིག་གིས་རང་འབད་དོ་ཡོདཔ་ཨིན་༽ སྡེ་ཚན་ཚུ་གིས་ འཕྲལ་འཕྲལ་སྐབས་ ལག་ལེན་གྱི་ཆ་ཤས་མ་འདྲཝ་ཚུ་ནང་ལུ་ ཁད་སྙོམས་སྦེ་ལཱ་འབདཝ་ཨིན། གྲུབ་འབྲས་འདི་? བསྒུལ་བཟོའི་ཟང་ཟིང་། དཀའ་ངལ་ཆུང་ངུ། ལྡེ་མིག་གཞི་ཁྲམ་འདྲ་བཤུས་རྐྱབ་མི་དང་གཅིག་ཁར་ མངོན་གསལ་ཅན་གྱི་གནད་དོན་ཚུ་ གོང་འཕེལ་གྱི་དུས་ཚོད་འཕྲོ་བརླག་གཏང་མི་དང་ དགོས་མཁོ་མེད་པའི་གསང་ཡིག་འཕྱུར་མི་ཚུ་ཨིན། ལྡེ་མིག་གཞི་ཁྲམ་སྣ་མང་ངེས་ཚིག་ཚུ་ དགོས་མཁོ་ཚུ་བསྒྱུར་བཅོས་འབད་བའི་སྐབས་ དུས་མཐུན་བཟོ་ནི་ལུ་ ས་གནས་སྣ་མང་ལུ་སླབ་ཨིན། ཁྱོད་ཀྱི་མར་ཉམས་བསྒུལ་བཟོ་གི་དུས་ཚོད་བདེ་སྒྲིག་འབད་དགོཔ་ཨིན་ན? ཁྱོད་ཀྱིས་ ཁྱོད་རའི་གསང་ཡིག་གཞི་རྟེན་ནང་ལུ་ གནས་སྟངས་ག་ར་འཚོལ་དགོཔ་ཨིན། ལས་འགན་ཚུ་ འཇམ་ཏོང་ཏོ་བཟོ་ནི་ལུ་ ཚད་ལྡན་བཟོ་དགོ་མནོཝ་ཨིན་ན? འགྱུར་བ་ཆ་མཉམ་འཚོལ་བར་བཀྲ་ཤིས་བདེ་ལེགས་ཞུ། བདག་འཛིན་ས་ཚིགས་ཚུ་གི་བསྒྱུར་རྩིས་འདི་གིས་ བསྒུལ་བཟོའི་དུས་མཐུན་བཟོ་ནི་འཇམ་ཏོང་ཏོ་ཚུ་ཡང་ དུས་ཚོད་འགོར་བའི་ལཱ་ཅིག་བཟོཝ་ཨིན། དཀའ་ངལ་སྦོམ་ཤོས། འ་ནི་ལྡེ་མིག་གཞི་ཁྲམ་འདྲ་བཤུས་འདི་གིས་ ཁ་ཐོག་འོག་ལུ་ དཀའ་ངལ་མགུ་སྐོར་རྐྱབ་མི་ འཛམ་གླིང་ཁྱབ་ཚད་ཀྱི་ལྕགས་ཐག་འདི་ མང་སུ་ཅིག་བཟོཝ་ཨིན། ཆ་ཤས་གཞི་བཞག་པའི་བཟོ་བཀོད་ཚུ་དང་གཅིག་ཁར་ལཱ་འབད་བའི་སྐབས་ལུ་ཡང་ སི་ཨེསི་ཨེསི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ ཨ་རྟག་རང་ ཡོངས་ཁྱབ་ཁྱབ་ཁོངས་ནང་ ངེས་འཛིན་འབདཝ་ཨིན། འདི་གིས་ ལྡེ་མིག་གཞི་ཁྲམ་ཆ་མཉམ་ཆ་ཤས་ཆ་མཉམ་ལུ་འཇུག་སྤྱོད་འབདཝ་ཨིན། ཨ་རྟག་ར། ཨིན་ ཁྱོད་ཀྱི་བསྒུལ་བཟོ་འདི་གིས་ ཁྱོད་ཀྱི་ཆ་ཤས་ནང་ ཁྱོད་ཀྱིས་ངེས་འཛིན་འབད་ཡོད་པའི་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ ངེས་པར་དུ་ལག་ལེན་འཐབ་མི་བཏུབ། འདི་གིས་ ཡོངས་ཁྱབ་ཁྱབ་ཚད་ནང་ལུ་མངོན་གསལ་འབད་ཡོད་མི་ མིང་ཅོག་འཐདཔ་འདི་དང་མཐུན་སྒྲིག་འབད་མི་ མཇུག་གི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ལག་ལེན་འཐབ་ཨིན། ཁྱོད་ཀྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཆ་མཉམ་གཅིག་མཚུངས་ཨིན་པ་ཅིན་ འདི་གནད་དོན་ཆུང་ཀུ་ཅིག་བཟུམ་ཅིག་འོང་ནི་མས། དེ་འབདཝ་ད་ ཁྱོད་ཀྱིས་ དམིགས་བསལ་གྱི་ལག་ལེན་གྱི་གནད་དོན་ཅིག་གི་དོན་ལུ་ བསྒུལ་བཟོ་ཅིག་ སྲོལ་སྒྲིག་འབད་དགོ་པའི་སྐབས་ལུ་ ཁྱོད་དཀའ་ངལ་ནང་ ཡང་ན་ དེ་ལས་ཡང་སྦོམ་སྦེ་ ཁྱོད་རང་ དེ་ཚུ་ འབྱུང་བཅུགཔ་ཨིན། ཁྱོད་ཀྱི་བསྒུལ་བཟོ་འདི་ ཁྱོད་ཀྱི་ཤུལ་ལས་ ཆ་ཤས་གཞན་མི་ཅིག་མངོན་གསལ་འབད་ཡོདཔ་ལས་ ཁྱོད་ཀྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ བཀང་སྟེ་ ཡང་ན་ ཁྱོད་ཀྱི་ཆ་ཤས་འདི་ མཇུག་ལུ་མངོན་གསལ་འབད་དེ་ ལྡེ་མིག་གཞི་ཁྲམ་གྱི་མིང་འདི་ལག་ལེན་འཐབ་སྟེ་ ཆ་ཤས་གཞན་མི་ག་ར་གི་དོན་ལུ་ བསྒུལ་བཟོའི་སྤྱོད་ལམ་འདི་ རྐྱེན་ངན་གྱིས་བསྒྱུར་བཅོས་འབདཝ་ལས་ ཁྱོད་ཀྱིས་ཡང་ ཧ་གོ་མི་ཚུགས། དཀའ་ངལ་འདི་སྟོན་པའི་དཔེ་འཇམ་ཏོང་ཏོ་ཅིག་འདི་ན་ཡོད། .ཆ་ཤས་-གཅིག { . /* ཆ་ཤས་བཟོ་རྣམ་ཚུ་ */ animation: pulse 1s འཇམ་ཏོང་ཏོ་-ནང་-ཕྱི་ཁར་ཚད་མེད་གདམ་ཁ་; } .
/* འདི་ @keyframes ངེས་ཚིག་གིས་ལཱ་འབད་མི་བཏུབ། */ @keyframes འཕར་རྩ། { from { scale: ༡; } . to { scale: ༡.༡; } . } .
/* ཤུལ་ལས་ཨང་རྟགས་ནང་... */
.ཆ་ཤས་-གཉིས་ { . /* ཆ་ཤས་བཟོ་རྣམ་ཚུ་ */ animation: pulse 1s འཇམ་ཏོང་ཏོ་-ནང་-ཕྱིར་ཐོན་ཚད་མེད་; } .
/* ལྡེ་མིག་གཞི་ཁྲམ་འདི་གིས་ ཆ་ཤས་གཉིས་ཆ་ར་ལུ་འཇུག་སྤྱོད་འབད་འོང་ */ @keyframes འཕར་རྩ། { ༠%, ༢༠%, ༡༠༠% { scale: ༡; } . ༡༠%, ༤༠% { scale: ༡.༢; } . } .
ཆ་ཤས་གཉིས་ཆ་རང་གིས་བསྒུལ་བཟོའི་མིང་གཅིག་པ་ལག་ལེན་འཐབ་ཨིན་ དེ་འབདཝ་ད་ @keyframes ངེས་ཚིག་གཉིས་པམ་འདི་གིས་ དང་པམ་འདི་ཚབ་སྲུང་འབདཝ་ཨིན། ད་ལྟོ་ཆ་ཤས་-གཅིག་དང་ཆ་ཤས་-གཉིས་གཉིས་ཆ་ར་གིས་ ལྡེ་མིག་གཞི་ཁྲམ་ག་འདི་ ཆ་ཤས་ག་གིས་ངེས་འཛིན་འབད་ཡོདཔ་ཨིན་ན་མ་བལྟ་བར་ ལྡེ་མིག་གཞི་ཁྲམ་གཉིས་པ་ལག་ལེན་འཐབ་འོང་། བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - བརྡ་སྟོན་ ༡ [forked] ཨ་མིཊ་ཤིན་གྱིས་བརྩམས། ཆ་ཤས་ངན་ཤོས་འདི་? འདི་གིས་ འཕྲལ་འཕྲལ་རང་ ས་གནས་གོང་འཕེལ་ནང་ ལེགས་ཤོམ་སྦེ་ལཱ་འབདཝ་ཨིན་རུང་ བཟོ་བསྐྲུན་བྱ་རིམ་ཚུ་གིས་ ཁྱོད་རའི་བཟོ་རྣམ་ཤོག་ལེབ་ཚུ་གི་ མངོན་གསལ་འབད་ནིའི་གོ་རིམ་བསྒྱུར་བཅོས་འབད་བའི་སྐབས་ བཟོ་བསྐྲུན་ནང་ ཡ་མཚན་ཅན་སྦེ་ ཆད་འགྱོཝ་ཨིན། ཁྱོད་ཀྱིས་ ཆ་ཤས་ག་ཅི་མངོན་གསལ་འབད་ཡོདཔ་ཨིན་ན་དང་ གོ་རིམ་ག་ཅི་ནང་ཨིན་ན་ལུ་གཞི་བཞག་སྟེ་ སོ་སོ་སྦེ་སྤྱོད་ལམ་སྟོན་མི་ བསྒུལ་བཟོ་ཚུ་དང་གཅིག་ཁར་མཇུག་བསྡུཝ་ཨིན། ཐབས་ཤེས་: མཉམ་བསྡོམས་ལྡེ་མིག་གཞི་ཁྲམ། འ་ནི་ཟང་ཟིང་འདི་གི་ལན་འདི་ ཧ་ལས་སི་སི་སྦེ་འཇམ་ཏོང་ཏོ་ཨིན་: སྔོན་སྒྲིག་འབད་ཡོད་པའི་ ཌའི་ནམ་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ བརྗེ་སོར་འབད་ཡོད་པའི་བཟོ་རྣམ་ཤོག་ལེབ་ནང་གསོག་འཇོག་འབད་ཡོདཔ་ཨིན། ཆ་ཤས་རེ་རེ་གིས་ རང་སོའི་བསྒུལ་བཟོ་ཚུ་ངེས་འཛིན་འབད་བཅུག་ནིའི་ཚབ་ལུ་ ང་བཅས་ཀྱིས་ ལེགས་ཤོམ་སྦེ་ཡིག་ཆ་བཟོ་སྟེ་ཡོད་མི་ དབུས་སྒྲིག་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་གསར་བསྐྲུན་འབདཝ་ཨིན།ལག་ལེན་དང་ རྒྱུན་སྐྱོང་འབད་ཚུགསཔ་ དེ་ལས་ ཁྱོད་རའི་ལས་འགུལ་གྱི་ དམིགས་བསལ་དགོས་མཁོ་ཚུ་ལུ་ གཞི་སྒྲིག་འབད་ཚུགས། ལྡེ་མིག་གཞི་ཁྲམ་གྱི་རྟགས་མཚན་སྦེ་མནོ་བསམ་གཏང་། ང་བཅས་ཀྱིས་ ཚོས་གཞི་དང་བར་སྟོང་གི་དོན་ལུ་ ཊོ་ཀེན་ཚུ་ལག་ལེན་འཐབ་དོ་བཟུམ་སྦེ་ ང་བཅས་མང་ཤོས་ཅིག་གིས་ ཧེ་མ་ལས་རང་ བསྒུལ་བཟོའི་རྒྱུ་དངོས་ཚུ་གི་དོན་ལུ་ ཊོ་ཀེན་ཚུ་ལག་ལེན་འཐབ་དོ་བཟུམ་སྦེ་ དུས་ཡུན་དང་ ལས་འགན་ཚུ་ འཇམ་ཏོང་ཏོ་བཟོ་ནིའི་དོན་ལུ་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་གི་དོན་ལུ་ཡང་ ཊོ་ཀེན་ཚུ་ ག་ཅི་འབད་ལག་ལེན་མ་འཐབ་སྨོ? འ་ནི་ཐབས་ལམ་འདི་གིས་ ཁྱོད་ཀྱིས་ལག་ལེན་འཐབ་མི་ ད་ལྟོའི་བཟོ་བཀོད་ཀྱི་རྟགས་མཚན་ལཱ་གི་རྒྱུན་རིམ་ག་ཅི་བཟུམ་ཅིག་དང་གཅིག་ཁར་ རང་བཞིན་གྱི་ཐོག་ལས་ མཉམ་བསྡོམས་འབད་ཚུགས། བསམ་འཆར་འདི་ཐད་ཀར་ཨིན་ ང་བཅས་ཀྱི་སྤྱིར་བཏང་བསྒུལ་བཟོ་ཚུ་ག་ར་གི་དོན་ལུ་ བདེན་པ་གི་འབྱུང་ཁུངས་གཅིག་བཟོ། བརྗེ་སོར་འབད་ཡོད་པའི་བཟོ་རྣམ་ཤོག་ལེབ་འདི་ནང་ ང་བཅས་ཀྱི་ལས་འགུལ་གྱིས་ངོ་མ་ལག་ལེན་འཐབ་མི་ བསྒུལ་བཟོའི་དཔེ་རིས་ཚུ་ཁྱབ་ཚུགས་པའི་ ལེགས་ཤོམ་སྦེ་བཟོ་ཡོད་པའི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ཡོདཔ་ཨིན། ང་བཅས་རའི་ གསང་ཡིག་གཞི་རྟེན་ནང་ ཧེ་མ་ལས་རང་ ཕེཌ་བསྒུལ་བཟོ་ཅིག་ཡོདཔ་ཨིན་ན་མེན་ན་ ད་ལས་ཕར་ ཕོ་ཚོད་དཔག་མི་ཚུགས། ཆ་ཤས་གཞན་ཚུ་ལས་ བསྒུལ་བཟོ་ཚུ་ གློ་བུར་དུ་ བསྐྱར་འབྲི་འབད་ནི་མེདཔ་ཨིན། དེ་འབདཝ་ད་ ལྡེ་མིག་འདི་ འདི་ཚུ་ གནས་སྟངས་འདྲ་བཤུས་སྦྱར་བའི་བསྒུལ་བཟོ་ཚུ་རྐྱངམ་ཅིག་མེན། འདི་ཡང་ འབྲུག་རྒྱང་བསྒྲགས་ལས་འཛིན་གྱིས་ འབྲུག་རྒྱང་བསྒྲགས་ལས་འཛིན་ལུ་ བརྡ་དོན་འཕྲུལ་རིག་དང་ བརྡ་དོན་འཕྲུལ་རིག་བདག་དབང་ཡོད་མི་ཚུ་ལུ་ བརྡ་དོན་འཕྲུལ་རིག་དང་འབྲེལ་བའི་ ལས་རིམ་ཚུ་ འགོ་འདྲེན་འཐབ་སྟེ་ཡོདཔ་ཨིན། ལྡེ་མིག་གཞི་ཁྲམ་ཊོ་ཀེན་འགོ་དང་པ་བཟོ་བསྐྲུན་འབད་དོ། ང་བཅས་ཀྱིས་ འགོ་དང་པ་རང་ མར་ཕབ་འབད་དགོ་པའི་ ཤིང་འབྲས་ཚུ་གི་གྲལ་ལས་ གཅིག་འདི་ “fade-in” བསྒུལ་བཟོ་འདི་ཨིན། འཕྲལ་ཁམས་ཀྱི་ ལས་འགུལ་གཅིག་གི་ནང་ལུ་ ང་གིས་ ངེས་ཚིག་མ་འདྲཝ་བཅུ་གཉིས་ལྷགཔ་ཅིག་མཐོང་ཡོདཔ་དང་ ཨིན་ འདི་ཚུ་ག་ར་གིས་ ཀླད་ཀོར་ལས་༡ཚུན་ཚོད་ དྭངས་གསལ་མེད་མི་འདི་ བསྒུལ་བཟོ་འབད་ཡོདཔ་ཨིན། དེ་འབདཝ་ལས་ ང་བཅས་ཀྱིས་ བཟོ་རྣམ་ཤོག་ལེབ་གསརཔ་ཅིག་བཟོ་སྟེ་ kf-tokens.css ཟེར་སླབ་སྟེ་ ང་བཅས་ཀྱི་ལས་འགུལ་ནང་ལུ་ནང་འདྲེན་འབད་དེ་ ང་བཅས་ཀྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ དེ་གི་ནང་ན་ལུ་ བསམ་བརྗོད་ཚུ་ ལེགས་ཤོམ་སྦེ་བཙུགས་གེ། /* ལྡེ་མིག་གཞི་ཁྲམ་-ཊོ་ཀེན་.སི་ཨེསི་ཨེསི་ */
/* * ཕེཌ་ཨིན་ - ཕེཌ་འཛུལ་སྒོ་བསྒུལ་བཟོ། * ལག་ལེན་: བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༠.༣ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; */ @keyframes ཀེ་ཨེཕ་-ཕེཌི་-ཨིན་ { from { དྭངས་གསལ་: ༠; } . to { དྭངས་གསལ་: ༡; } . } .
འ་ནི་ @keyframes གསལ་བསྒྲགས་རྐྱང་པ་འདི་གིས་ ང་བཅས་ཀྱི་ཨང་རྟགས་གཞི་རྟེན་ནང་ལུ་ ཁ་སྟོར་འགྱོ་ཡོད་པའི་ ཕེཌི་ཨིན་བསྒུལ་བཟོ་ཚུ་ཆ་མཉམ་ཚབ་བཙུགསཔ་ཨིན། གཙང་མ་དང་འཇམ་ཏོང་ཏོ་ དེ་ལས་ འཛམ་གླིང་ནང་ ལག་ལེན་འཐབ་བཏུབ། ད་ལྟོ་ང་བཅས་ཀྱིས་ བརྡ་མཚོན་འདི་ངེས་འཛིན་འབད་དེ་ཡོདཔ་ལས་ ང་བཅས་ཀྱིས་ ང་བཅས་ཀྱི་ལས་འགུལ་ནང་ལུ་ ཆ་ཤས་གང་རུང་ཅིག་ལས་ ལག་ལེན་འཐབ་བཏུབ། .modal { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༠.༣ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; } .
.ལག་ཆས་མཛུབ་གནོན་ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༠.༢ཨེསི་ འཇམ་ཏོང་ཏོ་-ནང་-ཕྱི་ཁར་; } .
.བརྡ་ཐོ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༠.༥ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - བརྡ་སྟོན་ ༢ [forked] ཨ་མིཊ་ཤིན་གྱིས་བརྩམས། དྲན་འཛིན་: ང་བཅས་ཀྱིས་ ང་བཅས་ཀྱི་ @keyframes མིང་ཚུ་ཆ་མཉམ་ནང་ kf- སྔོན་སྒྲིག་ལག་ལེན་འཐབ་དོ་ཡོདཔ་ཨིན། སྔོན་སྒྲིག་འདི་གིས་ ལས་འགུལ་ནང་ ད་ལྟོ་ཡོད་པའི་བསྒུལ་བཟོ་ཚུ་དང་གཅིག་ཁར་ མིང་བཏགས་ནིའི་འགལ་ཟླ་ཚུ་ བཀག་ཐབས་འབད་མི་ མིང་གནས་ཅིག་སྦེ་ལཱ་འབདཝ་ཨིནམ་དང་ ལྡེ་མིག་གཞི་ཁྲམ་འདི་ཚུ་ ང་བཅས་ཀྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཊོ་ཀེན་ཡིག་སྣོད་ལས་འོངམ་ཨིནམ་ དེ་འཕྲོ་ལས་གསལ་ཏོག་ཏོ་བཟོཝ་ཨིན། ཕན་ནུས་ཅན་གྱི་བཤུད་བརྙན་བཟོ་དོ། ཀེ་ཨེཕ་ཕེཌ་ཨིན་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་གིས་ ལེགས་ཤོམ་སྦེ་ལཱ་འབདཝ་ཨིན་ ག་ཅི་འབད་ཟེར་བ་ཅིན་ འཇམ་ཏོང་ཏོ་ཡོདཔ་ལས་ དངོས་པོ་ཚུ་ མགུ་འཐོམ་བཅུག་ནིའི་དོན་ལུ་ ས་སྟོང་ཆུང་ཀུ་ཅིག་ལས་བརྒལ་མེདཔ་ཨིན། གཞན་མི་བསྒུལ་བཟོ་ཚུ་ནང་ ང་བཅས་ཀྱིས་ མང་སུ་ཅིག་ ཤུགས་ཅན་སྦེ་དགོཔ་ཨིནམ་ལས་ ནཱ་ལུ་ ང་བཅས་ཀྱིས་ སི་ཨེསི་ཨེསི་སྲོལ་སྒྲིག་རྒྱུ་དངོས་ཚུ་གི་ ནུས་ཤུགས་སྦོམ་འདི་ ལག་ལེན་འཐབ་ཚུགས། འདི་ནང་ལུ་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ ཁ་སྟོར་འགྱོ་ཡོད་པའི་ གནས་སྟངས་བསྒུལ་བཟོ་ཚུ་དང་ཕྱདཔ་ད་ ངོ་མ་རང་ འོད་མདངས་འཚེར་འོང་། སྤྱིར་བཏང་གི་གནས་སྟངས་ཅིག་ལེན་གེ། “slide-in” བསྒུལ་བཟོ་ཚུ། དེ་འབདཝ་ད་ ག་ཏེ་ལས་བཤུདཔ་སྨོ? གཡས་ལས་ ༡༠༠px ཨིན་ན? གཡོན་ལས་ ༥༠% ཨིན་ན? གསལ་གཞིའི་མགོ་ལས་བཙུགས་དགོཔ་ཨིན་ན? ཡང་ན་ མཇུག་ལས་ འཕྱོ་འོང་ག? འོས་འབབ་ལེ་ཤ་ཡོད་རུང་ ཕྱོགས་རེ་རེ་དང་ འགྱུར་བ་རེ་རེ་གི་དོན་ལུ་ ལྡེ་མིག་གཞི་ཁྲམ་སོ་སོ་བཟོ་ནི་གི་ཚབ་ལུ་ ང་བཅས་ཀྱིས་ གནས་སྟངས་ཆ་མཉམ་ལུ་ མཐུན་སྒྲིག་འབད་མི་ བསྒྱུར་བཅོས་ཅན་གྱི་བརྡ་མཚོན་གཅིག་བཟོ་ཚུགས། /* * Slide In - ཁ་ཕྱོགས་བཤུད་བསྒུལ་བཟོ། * ཁ་ཕྱོགས་ཚད་འཛིན་འབད་ནི་ལུ་ --kf-slide-from ལག་ལེན་འཐབ། * སྔོན་སྒྲིག་: གཡོན་ལས་ནང་བཤུདཔ་ཨིན་ (-༡༠༠%) * བེད་སྤྱོད། * བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-བཤུད་-ནང་ ༠.༣ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; * --ཀེ་ཨེཕ་-བཤུད་-ལས་: -༡༠༠པི་ཨེགསི་ ༠; // གཡོན་ལས་བཤུད། * --ཀེ་ཨེཕ་-བཤུད་-ལས་: ༡༠༠པི་ཨེགསི་ ༠; // གཡས་ལས་བཤུད། * --ཀེ་ཨེཕ་-བཤུད་-ལས་: ༠ -༥༠པི་ཨེགསི་; // མགོ་ལས་བཤུད། */
@keyframes ཀེ་ཨེཕ་-བཤུད་བརྙན་-ནང་ { from { སྐད་སྒྱུར་: ཝར་(--ཀེ་ཨེཕ་-བཤུད་-ལས་, -༡༠༠% ༠); } . to { སྐད་སྒྱུར།: 0 0; } . } .
ད་ང་བཅས་ཀྱིས་ བཤུད་ཁ་ཕྱོགས་གང་རུང་ཅིག་གི་དོན་ལུ་ @keyframes ཊོ་ཀེན་རྐྱང་པ་འདི་ འཇམ་ཏོང་ཏོ་སྦེ་ --kf-slide-from སྲོལ་སྒྲིག་རྒྱུ་དངོས་འདི་བསྒྱུར་བཅོས་འབད་ཐོག་ལས་ལག་ལེན་འཐབ་བཏུབ། .sidebar { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-བཤུད་-ནང་ ༠.༣ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; /* སྔོན་སྒྲིག་གནས་གོང་ལག་ལེན་འཐབ་ཨིན་: གཡོན་ལས་བཤུད་བརྙན་ཚུ་ */ } .
.བརྡ་ཐོ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-བཤུད་-ནང་ ༠.༤ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; --ཀེ་ཨེཕ་-བཤུད་-ལས་: ༠ -༥༠པི་ཨེགསི་; /* མགོ་ལས་བཤུད། */ } .
.modal { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༠.༥s, kf-slide-in ༠.༥s ཀིའུ་བིཀ་-བེ་ཛི་ཡར་(༠.༣༤, ༡.༥༦, ༠.༦༤, ༡); --ཀེ་ཨེཕ་-བཤུད་-ལས་: ༥༠པི་ཨེགསི་ ༥༠པི་ཨེགསི་; /* མཇུག་གཡས་ལས་བཤུད། */ } .
འ་ནི་ཐབས་ལམ་འདི་གིས་ ང་བཅས་ལུ་ རྟགས་མཐུན་བཞག་པའི་སྐབས་ ཡིད་ཆེས་མ་ཚུགས་པའི་ བསྒྱུར་བཅོས་འབད་ཚུགས་པའི་ གོ་སྐབས་བྱིནམ་ཨིན། ལྡེ་མིག་གཞི་ཁྲམ་གསལ་བསྒྲགས་གཅིག་ ཚད་མེད་འོས་འབབ། བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - ཌེ་མོ་ ༣ [forked] ཨ་མིཊ་ཤིན་གྱིས་བརྩམས། འདོན་སྤེལ།: ༢༠༡༠/༠༣/༠༣ རིག་པ།(༠) འདི་ཡང་ གཟའ་ཉི་མའི་ཉིན།ང་བཅས་ཀྱིས་ ཤུལ་མམ་གྱི་དབྱེ་ཚན་ནང་ལུ་མཐོང་མི་དང་ཅོག་འཐདཔ་སྦེ་ སྲོལ་སྒྲིག་རྒྱུ་དངོས་ལུ་ --kf-slide-ཁ་སྐོང་བརྐྱབ། ཕྱོགས་གཉིས་ཀྱི་རྒྱས་ཟུམ་ལྡེ་མིག་གཞི་ཁྲམ། ལས་འགུལ་ཚུ་ནང་ འདྲ་བཤུས་རྐྱབ་མི་ སྤྱིར་བཏང་བསྒུལ་བཟོ་གཞན་མི་འདི་ “zoom” གི་ནུས་པ་ཚུ་ཨིན། བརྡ་འཕྲིན་ཚུ་གི་དོན་ལུ་ འཇལ་ཚད་ཕྲ་མོ་ཅིག་ཨིན་རུང་ མོ་ཌལ་ཚུ་གི་དོན་ལུ་ འཁྲབ་སྟོན་གྱི་ ཆེར་བསྐྱེད་འབད་རུང་ ཡང་ན་ མགོ་ཡིག་ཚུ་གི་དོན་ལུ་ འཇལ་ཚད་མར་ཕབ་འབད་རུང་ འཇལ་ཚད་བསྒུལ་བཟོ་ཚུ་ ག་ཏེ་ཡང་ཡོདཔ་ཨིན། ཚད་འཇལ་གནས་གོང་རེ་རེ་གི་དོན་ལུ་ ལྡེ་མིག་གཞི་ཁྲམ་སོ་སོ་གསར་བསྐྲུན་འབད་ནིའི་ཚབ་ལུ་ ཀེ་ཨེཕ་-ཟུམ་ལྡེ་མིག་གཞི་ཁྲམ་གྱི་ བསྒྱུར་བཅོས་ཅན་གྱི་ཆ་ཚན་གཅིག་བཟོ་བསྐྲུན་འབད་གེ།
/* * རྒྱས་ཟུམ་ - ཚད་འཇལ་བསྒུལ་བསྒྱུར། * ཚད་འཇལ་གནས་གོང་ཚུ་ཚད་འཛིན་འབད་ནི་ལུ་ --ཀེ་ཨེཕ་-ཟུམ་-ལས་དང་ --ཀེ་ཨེཕ་-ཟུམ་-ལུ་ལག་ལེན་འཐབ། * སྔོན་སྒྲིག་: ༨༠% ལས་ ༡༠༠% (༠.༨ ལས་ ༡) ཚུན་རྒྱས་ཟུམ་འབདཝ་ཨིན། * བེད་སྤྱོད། * བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཟུམ་ ༠.༢ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་འཐོན་; * --ཀེ་ཨེཕ་-ཆེར་བསྐྱེད་-ལས་: ༠.༥; --kf-ཆེར་བསྐྱེད་-ལུ: ༡; // ༥༠% ལས་ ༡༠༠% ལུ་ཆེར་བསྐྱེད་འབད། * --ཀེ་ཨེཕ་-ཆེར་བསྐྱེད་-ལས་: ༡; --kf-ཆེར་བསྐྱེད་-ལུ: ༠; // ༡༠༠% ལས་ ༠% ལུ་ཆེར་བསྐྱེད་འབད། * --ཀེ་ཨེཕ་-ཆེར་བསྐྱེད་-ལས་: ༡; --kf-ཆེར་བསྐྱེད་-ལུ་: ༡.༡; // ༡༠༠% ལས་ ༡༡༠% ལུ་ཆེར་བསྐྱེད་འབད། */
@keyframes ཀེ་ཨེཕ་-ཟུམ་ { from { scale: var(--ཀེ་ཨེཕ་-ཟུམ་-ལས་, ༠.༨); } . to { scale: var(--ཀེ་ཨེཕ་-ཆེར་བསྐྱེད་-ལུ་, ༡); } . } .
ངེས་ཚིག་གཅིག་གིས་ ང་བཅས་ལུ་དགོ་པའི་ རྒྱས་ཟུམ་འགྱུར་བ་ག་ཅི་རང་འབད་རུང་ གྲུབ་ཚུགས། .བག་ལེབ་ { . བསྒུལ་བཟོ་: kf-slide-in ༠.༢s, དང་། kf-zoom ༠.༤s འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; --kf-བཤུད་-ལས་: ༠ ༡༠༠%; /* མགོ་ལས་བཤུད། */ /* སྔོན་སྒྲིག་རྒྱས་ཟུམ་ལག་ལེན་འཐབ་ཨིན་: ༨༠% ལས་ ༡༠༠% ཚུན་ཚད་འཇལ་འབདཝ་ཨིན། */ } .
.modal { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཟུམ་ ༠.༣ཨེསི་ ཀིའུ་བིཀ་-བེ་ཛི་ཡར་(༠.༣༤, ༡.༥༦, ༠.༦༤, ༡); --kf-ཆེར་བསྐྱེད་-ལས་: 0; /* ༠% ལས་ ༡༠༠% ལུ་ འཁྲབ་སྟོན་ཆེར་བསྐྱེད་འབད་ནི། */ } .
.མགོ་ཡིག་ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༢ཨེསི་, kf-zoom 2s འཇམ་ཏོང་ཏོ་ནང་འཛུལ་; --kf-ཆེར་བསྐྱེད་-ལས་: ༡.༢; --kf-ཆེར་བསྐྱེད་-ལུ་: ༠.༨; /* མར་ཕབ་ཚད་འཇལ་འཇམ་པོ་ */ } .
༠.༨ ༼བརྒྱ་ཆ་༨༠༽ གི་སྔོན་སྒྲིག་འདི་གིས་ ཡུ་ཨའི་ཆ་ཤས་མང་ཤོས་ཅིག་གི་དོན་ལུ་ ལེགས་ཤོམ་སྦེ་ལཱ་འབདཝ་ཨིན་ དཔེར་ན་ བཞེས་སྒོ་འབད་བའི་བརྡ་འཕྲིན་དང་ ཤོག་བྱང་ཚུ་ཨིན་རུང་ དམིགས་བསལ་གྱི་གནས་སྟངས་ཚུ་གི་དོན་ལུ་ སྲོལ་སྒྲིག་འབད་ནི་ལུ་ འཇམ་ཏོང་ཏོ་ཡོདཔ་ཨིན། བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - དཔེ་སྟོན་ ༤ [forked] ཨ་མིཊ་ཤིན་གྱིས། ཁྱོད་ཀྱིས་ འཕྲལ་གྱི་དཔེ་ཚུ་ནང་ སྤྲོ་བ་ཆེ་བའི་ ག་ཅི་ཅིག་ མཐོང་ཡོདཔ་འོང་ ང་བཅས་ཀྱིས་ བསྒུལ་བཟོ་ཚུ་ མཉམ་སྡེབ་འབད་དེ་ཡོདཔ་ཨིན། @keyframes ཊོ་ཀེན་ཚུ་དང་གཅིག་ཁར་ལཱ་འབད་བའི་ཁེ་ཕན་གཙོ་བོ་ཅིག་འདི་ གཅིག་གིས་གཅིག་ལུ་ མཐུན་སྒྲིག་མེད་པར་ བཟོ་བཀོད་འབད་ཡོདཔ་ཨིན། འདི་འཇམ་པོའི་རྩོམ་སྒྲིག་འདི་ བསམ་ཞིབ་འབད་དེ་ གློ་བུར་དུ་མེན། ང་བཅས་ཀྱིས་ ཤུལ་ལས་ བསྒུལ་བཟོའི་རྩོམ་སྒྲིག་འདི་ ཁ་གསལ་སྦེ་ གྲོས་བསྟུན་འབད་ནི་ཨིན། དྲན་ཐོ། རྩོམ་ཡིག་འདི་འབྲི་བའི་སྐབས་དང་ ཡང་ན་ འབྲི་བའི་སྐབས་ལུ་ ང་གིས་ འཛུལ་སྒོ་བསྒུལ་བཟོའི་བསམ་འཆར་ཆ་མཉམ་རང་ ལོག་བསམ་ཞིབ་འབད་དགོཔ་ཐོན་ཡི། འཕྲལ་ཁམས་ཅིག་ཁར་ སི་ཨེསི་ཨེསི་ནང་ གོང་འཕེལ་འགྱོ་མི་ཚུ་ག་ར་ ང་བཅས་ལུ་ ད་ལྟོ་ཡང་ དེ་ཚུ་དགོཔ་ཨིན་ན? བསོད་ནམས་ཅན་གྱི་ Adam Argyle གིས་ དྲི་བ་གཅིག་མཚུངས་ཚུ་ འཚོལ་ཞིབ་འབད་དེ་ ཁོ་རའི་ བརྡ་འཕྲིན་ནང་ ལེགས་ཤོམ་སྦེ་ བཤད་ཡོདཔ་ཨིན། འདི་གིས་ ནཱ་ལུ་བྲིས་ཡོད་མི་དང་ རྒྱབ་འགལ་མི་འགྱོ་ དེ་འབདཝ་ད་ ཁྱོད་རའི་ལས་འགུལ་ཚུ་ འཛུལ་སྒོ་བསྒུལ་བཟོ་ཚུ་ལུ་ ཤུགས་སྦེ་རང་ བརྟེན་སྡོད་པ་ཅིན་ བསམ་ཞིབ་འབད་དགོ་པའི་ ཐབས་ལམ་ཅིག་ གསལ་བཀོད་འབདཝ་ཨིན། འཕྲོ་མཐུད་བསྒུལ་བཟོ་ཚུ། འཛུལ་སྒོའི་བསྒུལ་བཟོ་ཚུ་ “fade”, “slide” དང་ “zoom” བཟུམ་ཚུ་ ཚར་གཅིག་འབྱུང་ཞིནམ་ལས་ བཀག་པའི་སྐབས་ འཕྲོ་མཐུད་བསྒུལ་བཟོ་ཚུ་གིས་ སེམས་ཁར་འབབ་ནི་དང་ ཡང་ན་ འཕྲོ་མཐུད་དེ་རང་ འབད་བའི་བསྒང་ཡོད་པའི་ལས་སྣ་ཚུ་ བརྡ་སྟོན་ནིའི་དོན་ལུ་ ངེས་མེད་སྦེ་ བསྐྱར་ལོག་འབདཝ་ཨིན། ང་གིས་ མཐོང་མི་ མུ་མཐུད་བསྒུལ་བཟོ་གཉིས་འདི་ “spin” (བརྡ་སྟོན་ཚུ་མངོན་གསལ་འབད་ནིའི་དོན་ལུ་) དང་ “pulse” (ཁག་ཆེ་བའི་ཆ་ཤས་ཚུ་ འོད་རྟགས་བཀལ་ནིའི་དོན་ལུ་) ཨིན། བསྒུལ་བཟོ་འདི་ཚུ་གིས་ ལྡེ་མིག་གཞི་ཁྲམ་ཊོ་ཀེན་ཚུ་གསར་བསྐྲུན་འབད་བའི་སྐབས་ གཞན་དང་མ་འདྲ་བའི་གདོང་ལེན་ཚུ་ གསལ་བཀོད་འབདཝ་ཨིན། སྤྱིར་བཏང་ལུ་ མངའ་སྡེ་གཅིག་ལས་གཅིག་ལུ་འགྱོ་མི་ འཛུལ་སྒོའི་བསྒུལ་བཟོ་ཚུ་བཟུམ་སྦེ་མེན་པར་ འཕྲོ་མཐུད་བསྒུལ་བཟོ་ཚུ་ ཁོང་རའི་སྤྱོད་ལམ་གྱི་དཔེ་རིས་ཚུ་ནང་ གནམ་མེད་ས་མེད་ སྲོལ་སྒྲིག་འབད་ཚུགསཔ་སྦེ་དགོཔ་ཨིན། སྤིན་སྨན་པ། ལས་འགུལ་རེ་རེ་གིས་ སྤོ་བཤུད་བསྒུལ་བཟོ་སྣ་ཚོགས་ལག་ལེན་འཐབ་དོ་བཟུམ་ཅིག་འདུག། ལ་ལུ་ཅིག་ གཡས་ཁ་ཐུག་ལུ་འགྱོཝ་ཨིན་ ལ་ལུ་ཅིག་ གཡས་ཁ་ཐུག་ལུ་འགྱོཝ་ཨིན། ལ་ལུ་ཅིག་གིས་ ༣༦༠ གི་བསྒྱིར་ཐེངས་གཅིག་འབདཝ་ཨིནམ་དང་ ལ་ལུ་ཅིག་གིས་ མགྱོགས་དྲགས་སྦེ་ཐོན་ནིའི་དོན་ལུ་ བསྒྱིར་ཐེངས་ལེ་ཤ་ཅིག་འབདཝ་ཨིན། འགྱུར་བ་རེ་རེ་གི་དོན་ལུ་ ལྡེ་མིག་གཞི་ཁྲམ་སོ་སོ་སྦེ་བཟོ་ནིའི་ཚབ་ལུ་ གནས་སྟངས་ཆ་མཉམ་འཛིན་སྐྱོང་འཐབ་ཚུགས་པའི་ བསྒྱུར་བཅོས་ཅན་གྱི་སྤོ་བཤུད་གཅིག་བཟོ་གེ།
/* * སྤིན - བསྒྱིར་བསྒུལ་བསྒྱུར། * བསྒྱིར་ཚད་ཚད་འཛིན་འབད་ནི་ལུ་ --kf-spin-from དང་ --kf-spin-to ལག་ལེན་འཐབ། * བསྒྱིར་ཚད་ཚད་འཛིན་འབད་ནི་ལུ་ --kf-spin-turns ལག་ལེན་འཐབ། * སྔོན་སྒྲིག་: ༠ཌི་ཇི་ལས་ ༣༦༠ཌི་ཇི་ཚུན་བསྒྱིརཝ་ཨིན་ (བསྒྱིར་ཚད་ཆ་ཚང་༡) * བེད་སྤྱོད། * བསྒུལ་བཟོ་: kf-spin 1s རིམ་འགྲོས་ཚད་མེད་; * --ཀེ་ཨེཕ་-སྤིན་-ཊརནསི་: ༢; // 2 བསྒྱིར་ཚད་ཆ་ཚང་། * --ཀེ་ཨེཕ་-སྤིན་-ལས་: ༠ཌི་གྷི་; --kf-spin-to: ༡༨༠ཌི་གྷི་; // བསྒྱིར་ཕྱེད་ཀ། * --ཀེ་ཨེཕ་-སྤིན་-ལས་: ༠ཌི་གྷི་; --ཀེ་ཨེཕ་-སྤིན་-ཊུ་: -༣༦༠ཌིགི; // ཆུ་ཚོད་འཁོར་ལོའི་གཡས་གཡོན་ལོག། */
@keyframes ཀེ་ཨེཕ་-སྤིན { from { rotate: var(--ཀེ་ཨེཕ་-སྤིན-ལས་, ༠ཌི་ཇི་); } . to { rotate: calc(var(--ཀེ་ཨེཕ་-སྤིན་-ལས་, ༠ཌི་ཇི་) + ཝར་(--ཀེ་ཨེཕ་-སྤིན་-ལུ, ༣༦༠ཌི་ཇི་) * ཝར་(--ཀེ་ཨེཕ་-སྤིན་-ཊརན་, ༡)); } . } .
ད་ང་བཅས་ཀྱིས་ ང་བཅས་དགའ་མི་ སྤོ་བཤུད་འགྱུར་བ་ག་ཅི་རང་འབད་རུང་ བཟོ་ཚུགས།
.loading-spinner { . བསྒུལ་བཟོ་: kf-spin 1s རིམ་འགྲོས་ཚད་མེད་; /* སྔོན་སྒྲིག་ལག་ལེན་འཐབ་ཨིན་: ༠ཌི་ཇི་ལས་ ༣༦༠ཌི་ཇི་ལུ་བསྒྱིརཝ་ཨིན། */ } .
.མགྱོགས་མྱུར་མངོན་གསལ་ { . བསྒུལ་བཟོ་: kf-spin 1.2s འཇམ་ཏོང་ཏོ་-ནང་-ཕྱི་ཁར་ཚད་མེད་གདམ་ཁ་; --kf-སྤིན་-ཊརནསི་: ༣; /* འཁོར་རིམ་རེ་ལུ་ཁ་ཕྱོགས་རེ་རེའི་དོན་ལུ་ བསྒྱིར་ཚད་ཆ་ཚང་༣།*/ } .
.steped-reverse { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-སི་པིན་ ༡.༥ཨེསི་གོམ་པ་(༨) ཚད་མེད་; --ཀེ་ཨེཕ་-སྤིན་-ཊུ་: -༣༦༠ཌིགི; /* གཡས་གཡོན་ལུ་ */ } .
.subtle-wiggle { . བསྒུལ་བཟོ་: kf-spin 2s འཇམ་ཏོང་ཏོ་-ནང་-ཕྱི་ཁར་ཚད་མེད་གདམ་ཁ་; --kf-སྤིན་-ལས་: -༡༦deg; --kf-spin-to: 32deg; /* wiggle ༣༦ ཌི་གི་རི་: -༡༨ཌི་གི་རི་དང་ +༡༨ཌི་གི་རི་གི་བར་ན་ */ } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - དཔེ་སྟོན་ ༥ [forked] ཨ་མིཊ་ཤིན་གྱིས་བཟོས། ཐབས་ལམ་འདི་གི་མཛེས་སྡུག་འདི་ ལྡེ་མིག་གཞི་ཁྲམ་ཅོག་འཐདཔ་ཚུ་གིས་ སྤོ་བཤུད་འབད་མི་ཚུ་ མངོན་གསལ་འབད་ནི་དང་ ངོས་དཔར་ཚུ་ བསྒྱིར་ནི་ ཝིག་གཱལ་གྱི་ནུས་པ་ དེ་ལས་ མགུ་རྙོག་དྲགས་ཅན་གྱི་ བསྒྱིར་བསྒུལ་བཟོ་ཚུ་ཡང་ ལཱ་འབདཝ་ཨིན། འཕར་རྩའི་འགལ་ཟླ། འཕར་རྩ་བསྒུལ་བཟོ་ཚུ་ གཡོ་སྒྱུ་ཅན་ཅིག་ཨིན། ག་ཅི་འབད་ཟེར་བ་ཅིན་ དེ་ཚུ་གིས་ རྒྱུ་དངོས་སོ་སོ་ཚུ་ “འཕར་རྩ་” འབད་ཚུགས། ལ་ལུ་ཅིག་གིས་ འཇལ་ཚད་དང་ ལ་ལུ་ཅིག་གིས་ དྭངས་གསལ་མེདཔ་ དེ་ལས་ ལ་ལུ་ཅིག་གིས་ འོད་མདངས་དང་ ཡང་ན་ ཚད་གཞི་བཟུམ་གྱི་ ཚོས་གཞི་གི་ཁྱད་ཆོས་ཚུ་ འཕར་འགྱོཝ་ཨིན། རྒྱུ་དངོས་རེ་རེ་གི་དོན་ལུ་ ལྡེ་མིག་གཞི་ཁྲམ་སོ་སོ་གསར་བསྐྲུན་འབད་ནི་ལས་ ང་བཅས་ཀྱིས་ སི་ཨེསི་ཨེསི་རྒྱུ་དངོས་གང་རུང་དང་གཅིག་ཁར་ལཱ་འབད་མི་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་གསར་བསྐྲུན་འབད་ཚུགས། འདི་ནང་ ཚད་འཇལ་དང་ དྭངས་གསལ་གདམ་ཁ་ཚུ་ཡོད་པའི་ པཱལསི་ལྡེ་མིག་གཞི་ཁྲམ་གྱི་དཔེ་ཅིག་ཨིན།
/* * Pulse - འཕར་རྩའི་བསྒུལ་བསྒྱུར། * ཚད་འཇལ་ཁྱབ་ཚད་ཚད་འཛིན་འབད་ནི་ལུ་ --ཀེ་ཨེཕ་-པཱལསི་-ཨིསི་ཀེལ་-ལས་ དང་ --ཀེ་ཨེཕ་-པཱལསི་-ཨིསི་ཀེལ་-ལུ་ལག་ལེན་འཐབ། * དྭངས་གསལ་ཁྱབ་ཚད་ཚད་འཛིན་འབད་ནི་ལུ་ --ཀེ་ཨེཕ་-པཱལསི་-ཨོ་པ་སི་ཊི་-ལས་ དང་ --ཀེ་ཨེཕ་-པཱལསི་-ཨོ་པ་སི་ཊི་-ལུ་ལག་ལེན་འཐབ། * སྔོན་སྒྲིག་: པཱལསི་མེད་ (གནས་གོང་ཆ་མཉམ་ ༡) * བེད་སྤྱོད། * བསྒུལ་བཟོ་: kf-pulse 2s འཇམ་ཏོང་ཏོ་-ནང་-ཕྱི་ཁར་ཚད་མེད་གདམ་ཁ་; * --kf-པཱལསི་-འཇལ་ཚད་-ལས་: ༠.༩༥; --kf-པཱལསི་-ཚད་འཇལ་-ལུ་: ༡.༠༥; // ཚད་འཇལ་འཕར་རྩ། * --kf-པཱལསི་-ཨོ་པ་སིཊི་-ལས་: ༠.༧; --kf-པཱལསི་-ཨོ་པ་སིཊི་-ལུ་: ༡; // དྭངས་གསལ་གྱི་འཕར་རྩ། */
@keyframes ཀེ་ཨེཕ་-པཱལསི { from { scale: var(--ཀེ་ཨེཕ་-པཱལསི་-འཇལ་ཚད་-ལས་, ༡); opacity: var(--ཀེ་ཨེཕ་-པཱལསི་-ཨོ་པ་སིཊི་-ལས་, ༡); } . to { scale: var(--ཀེ་ཨེཕ་-པཱལསི་-འཇལ་ཚད་-ལུ་, ༡); opacity: var(--ཀེ་ཨེཕ་-པཱལསི་-ཨོ་པ་སིཊི་-ལུ་, ༡); } . } .
འདི་གིས་ རྒྱུ་དངོས་སྣ་ཚོགས་བསྒུལ་བཟོ་འབད་ཚུགས་པའི་ བསྒྱུར་བཅོས་ཅན་གྱི་པཱལསི་ཅིག་གསར་བསྐྲུན་འབདཝ་ཨིན། .བྱ་བ་ལུ་འབོད་བརྡ་ { . བསྒུལ་བཟོ་: kf-pulse 0.6s ཚད་མེད་གདམ་ཁ་; --kf-པཱལསི་-ཨོ་པ་སིཊི་-ལས་: ༠.༥; /* དྭངས་གསལ་གྱི་འཕར་རྩ་ */ } .
.བརྡ་ཐོ-ཚག་ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-པཱལསི་ ༠.༦ཨེསི་ འཇམ་ཏོང་ཏོ་-ནང་-ཕྱིར་ཐོན་ ཚད་མེད་གདམ་ཁ་; --kf-པཱལསི་-འཇལ་ཚད་-ལས་: ༠.༩; --kf-པཱལསི་-ཚད་འཇལ་-ལུ: ༡.༡; /* ཚད་འཇལ་འཕར་རྩ་ */ } .
.text-འོད་རྟགས་ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-པཱལསི་ ༡.༥ཨེསི་ འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན་ཚད་མེད་; --kf-པཱལསི་-འཇལ་ཚད་-ལས་: ༠.༨; --kf-པཱལསི་-ཨོ་པ་སིཊི་-ལས་: ༠.༢; /* འཇལ་ཚད་དང་དྭངས་གསལ་གྱི་འཕར་རྩ་ */ } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - ཌེ་མོ་ ༦ [forked] ཨ་མིཊ་ཤིན་གྱིས། འ་ནི་ཀེ་ཨེཕ་-པཱལསི་ལྡེ་མིག་གཞི་ཁྲམ་འདི་གིས་ དྲན་ཤེས་ཕྲ་མོ་ལས་ འཁྲབ་སྟོན་གྱི་འོད་རྟགས་ཚུན་ཚོད་ ག་ར་འཛིན་སྐྱོང་འཐབ་ཚུགས། ཡར་ཐོན་ཅན་གྱི་འཇམ་བཟོ། ལྡེ་མིག་སྒྲོམ་གྱི་རྟགས་མཚན་ཚུ་ལག་ལེན་འཐབ་པའི་སྐབས་ལུ་ གལ་ཆེ་ཤོས་ཅིག་འདི་ ང་བཅས་རའི་བསྒུལ་བཟོའི་དཔེ་མཛོད་རྒྱ་སྐྱེད་འབད་ནི་དང་ གོང་འཕེལ་གཏང་མི་མང་ཤོས་ཅིག་གིས་ འཕྲོ་མཐུད་དེ་རང་ འབྲི་ནི་ལུ་ དཀའ་ངལ་མ་བྱུང་པའི་ ནུས་པ་ཚུ་བྱིན་ཚུགསཔ་ཨིན། འདི་ནང་ལུ་ མཆོང་ལྡེ་མཐོ་ཚད་ཚད་འཛིན་འབད་ནི་ལུ་ --kf-bounce-from སྲོལ་སྒྲིག་རྒྱུ་དངོས་ལག་ལེན་འཐབ་མི་ འཇམ་ཏོང་ཏོ་ “bounce” ལྡེ་མིག་གཞི་ཁྲམ་བརྡ་མཚོན་གྱི་དཔེ་ཅིག་ཨིན། /* * Bounce - བཱའུནསི་འཛུལ་སྒོ་བསྒུལ་བཟོ། * མཆོང་མཐོ་ཚད་ཚད་འཛིན་འབད་ནི་ལུ་ --kf-bounce-from ལག་ལེན་འཐབ། * སྔོན་སྒྲིག་: 100vh ལས་མཆོངམ་ཨིན་ (གསལ་གཞི་ཕྱི་ཁར་) * བེད་སྤྱོད། * བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-བཱའུནསི་ ༣ཨེསི་ འཇམ་ཏོང་ཏོ་-ནང་; * --ཀེ་ཨེཕ་-བཱའུནསི་-ལས་: ༢༠༠པི་ཨེགསི་; // 200px མཐོ་ཚད་ལས་མཆོང་། */
@keyframes ཀེ་ཨེཕ་-བཱའུནསི་ { ༠% { སྐད་སྒྱུར་: ༠ ཀེལ་སི་(ཝར་(--ཀེ་ཨེཕ་-བཱའུནསི་-ཕོརམ, ༡༠༠ཝི་ཨེཆ་) * -༡); } .
༣༤% { སྐད་སྒྱུར་: ༠ ཀེལ་སི་(ཝར་(--ཀེ་ཨེཕ་-བཱའུནསི་-ཕོརམ, ༡༠༠ཝི་ཨེཆ་) * -༠.༤); } .
༥༥% { སྐད་སྒྱུར་: ༠ ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-བཱའུནསི་-ཕོརམ, ༡༠༠ཝི་ཨེཆ་) * -༠.༢); } .
༧༢% { སྐད་སྒྱུར་: ༠ ཀེལ་སི་(ཝར་(--ཀེ་ཨེཕ་-བཱའུནསི་-ཕོརམ, ༡༠༠ཝི་ཨེཆ་) * -༠.༡); } .
༨༥% { སྐད་སྒྱུར་: ༠ ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-བཱའུནསི་-ཕོརམ, ༡༠༠ཝི་ཨེཆ་) * -༠.༠༥); } .
༩༤% { སྐད་སྒྱུར་: ༠ ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-བཱའུནསི་-ཕོརམ, ༡༠༠ཝི་ཨེཆ་) * -༠.༠༢༥); } .
༩༩% { སྐད་སྒྱུར་: ༠ ཀེལ་སི་(ཝར་(--ཀེ་ཨེཕ་-བཱའུནསི་-ཕོརམ, ༡༠༠ཝི་ཨེཆ་) * -༠.༠༡༢༥); } .
༢༢%, ༤༥%, ༦༤%, ༧༩%, ༩༠%, ༩༧%, ༡༠༠% { སྐད་སྒྱུར།: 0 0; བསྒུལ་བཟོ་-དུས་ཚོད་-ལས་འགན་: འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན་; } . } .
“elastic” བཟུམ་གྱི་བསྒུལ་བཟོ་ཚུ་ ལྡེ་མིག་གཞི་ཁྲམ་ནང་ལུ་ རྩིས་སྟོན་འབད་མི་ལུ་བརྟེན་ དུམ་གྲ་ཅིག་ མགུ་ཐོམ་སི་སི་ཡོདཔ་ཨིན། ང་བཅས་ཀྱིས་ --kf-elastic-from-X དང་ --kf-elastic-from-Y སོ་སོ་སྦེ་ངེས་འཛིན་འབད་དགོཔ་ཨིན།
/* * Elastic In - འཐེན་ཤུགས་འཛུལ་སྒོའི་བསྒུལ་བཟོ། * འགོ་བཙུགས་གནས་ས་ཚད་འཛིན་འབད་ནི་ལུ་ --ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ལས་-ཨེགསི་དང་ --ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ལས་-ཝའི་ལག་ལེན་འཐབ། * སྔོན་སྒྲིག་: མགོ་ལྟེ་བ་ལས་བཙུགསཔ་ཨིན་ (༠, -༡༠༠ཝི་ཨེཆ་) * བེད་སྤྱོད། * བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཨིན་ ༢ཨེསི་ འཇམ་ཏོང་ཏོ་-ནང་-ཕྱིར་ཐོན་གཉིས་ཆ་རང་; * --ཀེ་ཨེཕ་-ཨེལ་སི་ཊིག-ལས་-ཨེགསི་: -༥༠པི་ཨེགསི་; * --ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ལས་-ཝའི་: -༢༠༠པི་ཨེགསི་; // (-༥༠པི་ཨེགསི་, -༢༠༠པི་ཨེགསི་) ལས་བཙུགས། */
@keyframes ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཨིན་ { ༠% { སྐད་སྒྱུར་: ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཨེགསི་, -༥༠ཝི་ཌབ་ལུ་) * ༡) ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཝའི་, ༠པི་ཨེགསི་) * ༡); } .
༡༦% { སྐད་སྒྱུར་: ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཨེགསི་, -༥༠ཝི་ཌབ་ལུ་) * -༠.༣༢༢༧) ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཝའི་, ༠པི་ཨེགསི་) * -༠.༣༢༢༧); } .
༢༨% { སྐད་སྒྱུར།: ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག-ཕོརམ་-ཨེགསི་, -༥༠ཝི་ཌབ་ལུ་) * ༠.༡༣༡༢)calc(var(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཝའི་, ༠པི་ཨེགསི་) * ༠.༡༣༡༢); } .
༤༤% { སྐད་སྒྱུར་: ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཨེགསི་, -༥༠ཝི་ཌབ་ལུ་) * -༠.༠༤༦༣) ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཝའི་, ༠པི་ཨེགསི་) * -༠.༠༤༦༣); } .
༥༩% { སྐད་སྒྱུར་: ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཨེགསི་, -༥༠ཝི་ཌབ་ལུ་) * ༠.༠༡༦༤) ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཝའི་, ༠པི་ཨེགསི་) * ༠.༠༡༦༤); } .
༧༣% { སྐད་སྒྱུར་: ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཨེགསི་, -༥༠ཝི་ཌབ་ལུ་) * -༠.༠༠༥༨) ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཝའི་, ༠པི་ཨེགསི་) * -༠.༠༠༥༨); } .
༨༨% { སྐད་སྒྱུར་: ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཨེགསི་, -༥༠ཝི་ཌབ་ལུ་) * ༠.༠༠༢༠) ཀེལཀ་(ཝར་(--ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཕོརམ་-ཝའི་, ༠པི་ཨེགསི་) * ༠.༠༠༢༠); } .
༡༠༠% { སྐད་སྒྱུར།: 0 0; } . } .
ཐབས་ལམ་འདི་གིས་ ང་བཅས་ཀྱི་ལས་འགུལ་ནང་ ཡར་འཕེལ་ཅན་གྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ ལོག་སྟེ་ལག་ལེན་འཐབ་ནི་དང་ སྲོལ་སྒྲིག་འབད་ནི་ལུ་ འཇམ་ཏོང་ཏོ་བཟོཝ་ཨིན་ དེ་ཡང་ སྲོལ་སྒྲིག་རྒྱུ་དངོས་གཅིག་བསྒྱུར་བཅོས་འབད་ཐོག་ལས་ཨིན།
.བཱའུནསི་-དང་-ཟུམ་ { . བསྒུལ་བཟོ་: kf-bounce 3s འཇམ་པོ་-ནང་, kf-zoom 3s རིམ་འགྲོས་; --kf-ཆེར་བསྐྱེད་-ལས་: 0; } .
.བཱའུནསི-དང་-བཤུད། { . བསྒུལ་བཟོ་-རྩོམ་སྒྲིག་: ཁ་སྐོང་; /* བསྒུལ་བཟོ་གཉིས་ཆ་ར་གིས་སྐད་སྒྱུར་ལག་ལེན་འཐབ་ཨིན། */ བསྒུལ་བཟོ་: kf-bounce 3s འཇམ་པོ་-ནང་, kf-slide-in 3s འཇམ་ཏོང་ཏོ་-ཕྱིར་ཐོན།; --kf-བཤུད་-ལས་: -200px; } .
.elastic-in { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཨེ་ལཱསི་ཊིག་-ཨིན་ ༢ཨེསི་ འཇམ་ཏོང་ཏོ་-ནང་-ཕྱིར་ཐོན་གཉིས་ཆ་རང་; } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - བརྡ་སྟོན་ ༧ [forked] ཨ་མིཊ་ཤིན་གྱིས། ད་ལྟོ་ཚུན་ཚོད་ ང་བཅས་ཀྱིས་ ལྡེ་མིག་ཚུ་ ག་དེ་སྦེ་ རིག་པ་ཅན་དང་ འཇོན་ཐངས་ཅན་སྦེ་ མཉམ་སྡེབ་འབད་ཚུགས་ག་ མཐོང་ཡི། ཁྱོད་ཀྱིས་ ཁྱོད་རའི་ལས་འགུལ་གྱི་དགོས་མཁོ་ཚུ་ ལེགས་ཤོམ་སྦེ་ བསྒྱུར་བཅོས་འབད་དགོཔ་འོང་། དེ་འབདཝ་ད་ ང་བཅས་ཀྱིས་ སྤྱིར་བཏང་བསྒུལ་བཟོ་དང་ ཉིན་བསྟར་གྱི་ལག་ལེན་གྱི་གནད་དོན་ཚུ་གི་དཔེ་ལེ་ཤ་ཅིག་ བཀོད་དེ་ཡོད། དེ་ལས་ འ་ནི་ལྡེ་མིག་གཞི་ཁྲམ་གྱི་རྟགས་མཚན་ཚུ་ ས་སྒོ་ནང་ཡོདཔ་ལས་ ད་ལྟོ་ ང་བཅས་ལུ་ ལས་འགུལ་ཆ་མཉམ་ནང་ རྟག་བརྟན་དང་ རྒྱུན་སྐྱོང་འབད་བཏུབ་པའི་ བསྒུལ་བཟོ་ཚུ་ བཟོ་ནི་གི་དོན་ལུ་ ཤུགས་ཅན་གྱི་བཟོ་བསྐྲུན་སྡེ་ཚན་ཚུ་ཡོདཔ་ཨིན། ལྡེ་མིག་གཞི་ཁྲམ་འདྲ་བཤུས་མེདཔ་དང་ ཡོངས་ཁྱབ་ཁྱབ་ཚད་ཀྱི་འགལ་ཟླ་ཚུ་མེདཔ་ཨིན། ང་བཅས་རའི་བསྒུལ་བཟོའི་དགོས་མཁོ་ཚུ་ག་ར་ འཛིན་སྐྱོང་འཐབ་ཚུགས་པའི་ གཙང་མ་དང་ སྟབས་བདེ་བའི་ཐབས་ལམ་ཅིག་ཨིན། དེ་འབདཝ་ད་ དྲི་བ་ངོ་མ་འདི་ ང་བཅས་ཀྱིས་ བཟོ་བསྐྲུན་གྱི་སྡེ་ཚན་འདི་ཚུ་ གཅིག་ཁར་ག་དེ་སྦེ་བརྩམ་ནི་ཨིན་ན། འདི་ཚུ་ག་ར་གཅིག་ཁར་བཙུགས། ང་བཅས་ཀྱིས་ གཞི་རྟེན་ལྡེ་མིག་གཞི་ཁྲམ་གྱི་ཊོ་ཀེན་ཚུ་མཉམ་སྡེབ་འབད་ནི་འདི་ འཇམ་ཏོང་ཏོ་ཨིནམ་སྦེ་མཐོང་ཡི། ང་བཅས་ལུ་དམིགས་བསལ་གྱི་ག་ནི་ཡང་དགོཔ་མེད་རུང་ བསྒུལ་བཟོ་འགོ་དང་པ་འདི་ངེས་འཛིན་འབད་ནི་དང་ གཉིས་པ་འདི་ངེས་འཛིན་འབད་ནི་ དེ་ལས་ དགོས་མཁོ་དང་འཁྲིལ་ཏེ་ འགྱུར་ཅན་ཚུ་གཞི་སྒྲིག་འབད་ནི་དང་ དེ་རང་ཨིན། /* ཕེཌི་ཨིན་ + ནང་བཤུད། */ .བག་ལེབ་ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༠.༤s, kf-slide-in ༠.༤s ཀིའུ་བིཀ་-བེ་ཛི་ཡར་(༠.༣༤, ༡.༥༦, ༠.༦༤, ༡); --kf-བཤུད་-ལས་: 0 40px; } .
/* ཆེར་བསྐྱེད་ + མར་ཉམས་ */ .modal { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༠.༣s, . kf-zoom ༠.༣s ཀིའུ་བིཀ་-བེ་ཛི་ཡར་(༠.༣༤, ༡.༥༦, ༠.༦༤, ༡); --kf-ཆེར་བསྐྱེད་-ལས་: 0.7; --kf-ཆེར་བསྐྱེད་-ལུ: ༡; } .
/* ནང་བཤུད + འཕར་རྩ་ */ .བརྡ་ཐོ { . བསྒུལ་བཟོ་: kf-slide-in ༠.༥s, དང་། kf-pulse 1.2s འཇམ་ཏོང་ཏོ་-ནང་-ཕྱིར་ཐོན་ཚད་མེད་གདམ་ཁ་; --ཀེ་ཨེཕ་-བཤུད་-ལས་: -༡༠༠པི་ཨེགསི་ ༠; --kf-པཱལསི་-འཇལ་ཚད་-ལས་: ༠.༩༥; --kf-པཱལསི་-ཚད་འཇལ་-ལུ་: ༡.༠༥; } .
འ་ནི་མཉམ་སྡེབ་ཚུ་གིས་ ལེགས་ཤོམ་སྦེ་ལཱ་འབདཝ་ཨིན་ ག་ཅི་འབད་ཟེར་བ་ཅིན་ བསྒུལ་བཟོ་རེ་རེ་གིས་ རྒྱུ་དངོས་སོ་སོ་ལུ་དམིགས་གཏད་བསྐྱེདཔ་ཨིན། བསྒུལ་བཟོ་གཉིས་ཀྱིས་ རྒྱུ་དངོས་གཅིག་པ་བསྒུལ་བཟོ་འབད་ནི་ལུ་དཔའ་བཅམ་པའི་སྐབས་ — དཔེར་ན་ བསྒུལ་བཟོའི་ཚད་གཞི་གཉིས་ཆ་ར་ ཡང་ན་ བསྒུལ་བཟོའི་དྭངས་གསལ་གཉིས་ཆ་ར་ — གྲུབ་འབྲས་འདི་ ཁྱོད་ཀྱིས་རེ་བ་བསྐྱེད་དོ་བཟུམ་སྦེ་མི་འགྱོ། སྔོན་སྒྲིག་གིས་ བསྒུལ་བཟོ་ཚུ་གི་གྲལ་ལས་གཅིག་རྐྱངམ་ཅིག་ ངོ་མ་ལུ་ རྒྱུ་དངོས་དེ་ལུ་འཇུག་སྤྱོད་འབདཝ་ཨིན་ དེ་ཡང་ བསྒུལ་བཟོ་ཐོ་ཡིག་ནང་མཇུག་ཨིན། འདི་ སི་ཨེསི་ཨེསི་གིས་ རྒྱུ་དངོས་གཅིག་གུ་ བསྒུལ་བཟོ་སྣ་མང་ཚུ་ ག་དེ་སྦེ་ འཛིན་སྐྱོང་འཐབ་ཨིན་ནའི་ ཚད་འཛིན་ཅིག་ཨིན། དཔེར་ན་ འདི་གིས་ དམིགས་གཏད་བཟུམ་སྦེ་ལཱ་འབད་མི་བཏུབ་ ག་ཅི་འབད་ཟེར་བ་ཅིན་ ཀེ་ཨེཕ་-པཱལསི་བསྒུལ་བཟོ་འདི་རྐྱངམ་ཅིག་འཇུག་སྤྱོད་འབད་འོང་། .བེཌ་-ཀོམ་བོ་ { . བསྒུལ་བཟོ་: kf-zoom ༠.༥s གདོང་ཕྱོགས།, kf-pulse 1.2s ཚད་མེད་གདམ་ཁ་; --kf-ཆེར་བསྐྱེད་-ལས་: ༠.༥; --kf-ཆེར་བསྐྱེད་-ལུ་: ༡.༢; --kf-པཱལསི་-འཇལ་ཚད་-ལས་: ༠.༨; --kf-པཱལསི་-ཚད་འཇལ་-ལུ: ༡.༡; } .
བསྒུལ་བཟོ་ཁ་སྐོང་། རྒྱུ་དངོས་གཅིག་ལུ་གནོད་པ་ཡོད་པའི་ བསྒུལ་བཟོ་སྣ་མང་ཚུ་ འཛིན་སྐྱོང་འཐབ་ནི་ལུ་ འཇམ་ཏོང་ཏོ་དང་ ཐད་ཀར་གྱི་ཐབས་ལམ་འདི་ བསྒུལ་བཟོ་-རྩོམ་སྒྲིག་རྒྱུ་དངོས་འདི་ལག་ལེན་འཐབ་ནི་འདི་ཨིན། གོང་འཁོད་ཀྱི་དཔེ་མཇུག་ནང་ ཀེ་ཨེཕ་-པཱལསི་བསྒུལ་བཟོ་འདི་གིས་ ཀེ་ཨེཕ་-ཟུམ་བསྒུལ་བཟོ་གི་ཚབ་བཙུགསཔ་ལས་ ང་བཅས་ཀྱིས་ འགོ་ཐོག་ཟུམ་འདི་མཐོང་མི་ཚུགས་ནི་དང་ རེ་བ་བསྐྱེད་པའི་ཚད་གཞི་འདི་ ༡.༢ ལུ་ཐོབ་མི་ཚུགས། ཁ་སྐོང་འབད་ནི་ལུ་ བསྒུལ་བཟོ་-རྩོམ་སྒྲིག་གཞི་སྒྲིག་འབད་ཐོག་ལས་ ང་བཅས་ཀྱིས་ བརྡ་འཚོལ་ལུ་ བསྒུལ་བཟོ་གཉིས་ཆ་ར་མཉམ་སྡེབ་འབད་ཟེར་སླབ་ཨིན། འདི་གིས་ང་བཅས་ལུ་དགོ་པའི་གྲུབ་འབྲས་བྱིནམ་ཨིན། .ཆ་ཤས་-གཉིས་ { . བསྒུལ་བཟོ་-རྩོམ་སྒྲིག་: ཁ་སྐོང་; } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - བརྡ་སྟོན་ ༨ [forked] ཨ་མིཊ་ཤིན་གྱིས་བརྩམས། ཐབས་ལམ་འདི་གིས་ ང་བཅས་ཀྱིས་ རྒྱུ་དངོས་གཅིག་གུ་ལུ་ གནོད་པ་ཚུ་མཉམ་སྡེབ་འབད་དགོ་པའི་ གནད་དོན་མང་ཤོས་ཅིག་ནང་ ལེགས་ཤོམ་སྦེ་ལཱ་འབདཝ་ཨིན། ང་བཅས་ཀྱིས་ བསྒུལ་བཟོ་ཚུ་ གནས་སྟངས་རྒྱུ་དངོས་གནས་གོང་ཚུ་དང་གཅིག་ཁར་ མཉམ་བསྡོམས་འབད་དགོཔ་ད་ཡང་ ཕན་ཐོགས་ཅན་ཨིན། དཔེར་ན་ ང་བཅས་ལུ་ སྐད་སྒྱུར་རྒྱུ་དངོས་འདི་ ང་བཅས་ལུ་དགོ་ས་ལུ་ ངེས་བདེན་སྦེ་ གནས་ས་བཟོ་ནི་ལུ་ ལག་ལེན་འཐབ་མི་ ཆ་ཤས་ཅིག་ཡོད་པ་ཅིན་ དེ་ལས་ ང་བཅས་ཀྱིས་ ཀེ་ཨེཕ་-བཤུད་བརྙན་ནང་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་དང་གཅིག་ཁར་ བསྒུལ་བཟོ་འབད་དགོ་པ་ཅིན་ ང་བཅས་ཀྱིས་ བསྒུལ་བཟོ-རྩོམ་སྒྲིག་མེད་པར་ མཐོང་གསལ་ཅན་གྱི་མཆོང་ལྡིང་ཅིག་ཐོབ་ཨིན། བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - བརྡ་སྟོན་ ༩ [forked] ཨ་མིཊ་ཤིན་གྱིས། ཁ་སྐོང་བརྐྱབ་ནི་ལུ་བསྒུལ་བཟོ་-རྩོམ་སྒྲིག་གཞི་སྒྲིག་འབད་མི་དང་གཅིག་ཁར་ བསྒུལ་བཟོ་འདི་ ད་ལྟོ་ཡོད་མི་དང་གཅིག་ཁར་ འཇམ་ཏོང་ཏོ་སྦེ་མཉམ་མཐུད་འབདཝ་ཨིན།བསྒྱུར་བཅོས་འབདཝ་ལས་ ཡན་ལག་འདི་ས་གནས་ནང་སྡོད་ཞིནམ་ལས་ རེ་བ་བསྐྱེད་དོ་བཟུམ་སྦེ་ བསྒུལ་བཟོཝ་ཨིན། བསྒུལ་བཟོ་སྟག་གར། བསྒུལ་བཟོ་སྣ་ཚོགས་འཛིན་སྐྱོང་འཐབ་ཐངས་གཞན་མི་འདི་ “stagger” འབད་ནི་འདི་ཨིན། དེ་ཡང་ བསྒུལ་བཟོ་གཉིས་པ་འདི་ དང་པ་མཇུག་བསྡུ་བའི་ཤུལ་ལས་ དུམ་གྲ་ཅིག་འགོ་བཙུགས། གནད་དོན་ག་ར་གི་དོན་ལུ་ལཱ་འབད་མི་ཐབས་ཤེས་ཅིག་མེན་ དེ་འབདཝ་ད་ ང་བཅས་ལུ་འཛུལ་སྒོ་བསྒུལ་བཟོ་ཅིག་ཡོད་པའི་སྐབས་ལུ་ འཕྲོ་མཐུད་བསྒུལ་བཟོ་ཅིག་ཡོད་པའི་སྐབས་ལུ་ཕན་ཐོགས་ཅན་ཨིན། /* ཕེཌ་ཨིན་ + དྭངས་གསལ་གྱི་འཕར་རྩ་ */ .བརྡ་ཐོ { . བསྒུལ་བཟོ་: ཀེ་ཨེཕ་-ཕེ་ཌི་-ཨིན་ ༢ཨེསི་ འཇམ་-ཨའུཊ།, kf-pulse 0.5s 2s འཇམ་ཏོང་ཏོ་-ནང་-ཕྱིར་ཐོན་ཚད་མེད་གདམ་ཁ་; --kf-པཱལསི་-ཨོ་པ་སིཊི་-ལུ་: ༠.༥; } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - བརྡ་སྟོན་ ༡༠ [forked] ཨ་མིཊ་ཤིན་གྱིས་བརྩམས། གོ་རིམ་གནད་དོན། ང་བཅས་ཀྱིས་ལཱ་འབད་མི་བསྒུལ་བཟོ་ཚུ་གི་ཆ་ཤས་སྦོམ་ཅིག་གིས་ བསྒྱུར་བཅོས་རྒྱུ་དངོས་འདི་ལག་ལེན་འཐབ་ཨིན། གནད་དོན་མང་ཤོས་ཅིག་ནང་ འདི་སྟབས་བདེ་ཏོག་ཏོ་ཨིན། དེ་མ་ཚད་ བསྒྱུར་བཅོས་བསྒུལ་བཟོ་ཚུ་ ཇི་པི་ཡུ་མགྱོགས་དྲགས་བཟོ་ཚུགསཔ་ལས་ ལཱ་འགན་གྱི་ཁེ་ཕན་ཡང་ཡོདཔ་ཨིན། དེ་འབདཝ་ད་ ང་བཅས་ཀྱིས་ བསྒྱུར་བཅོས་ཚུ་ལག་ལེན་འཐབ་པ་ཅིན་ ང་བཅས་ཀྱིས་ བསྒྱུར་བཅོས་ཚུ་ ག་དེ་སྦེ་འབདཝ་ཨིན་ན་ གོ་རིམ་འདི་ ཁག་ཆེཝ་སྦེ་ ངོས་ལེན་འབད་དགོཔ་ཨིན། ལེ༌ཤ༌རང། ད་ལྟོ་ཚུན་ཚོད་ ང་བཅས་ཀྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ནང་ ང་བཅས་ཀྱིས་ མི་ངོ་རྐྱང་གི་བསྒྱུར་བཅོས་ཚུ་ལག་ལེན་འཐབ་ཡོདཔ་ཨིན། ཁྱད་ཚད་དང་འཁྲིལ་ཏེ་ འདི་ཚུ་ ཨ་རྟག་རང་ གོ་རིམ་གཏན་གཏན་ནང་ འཇུག་སྤྱོད་འབདཝ་ཨིན་ དང་པ་ ཆ་ཤས་འདི་གིས་ སྐད་སྒྱུར་འབད་ཞིནམ་ལས་ བསྒྱིར་ཞིནམ་ལས་ ཚད་འཇལ་འབདཝ་ཨིན། འདི་གིས་ ང་བཅས་མང་ཤོས་ཅིག་གིས་ རེ་བ་བསྐྱེད་དོ་ཡོདཔ་ཨིན། ཨིན་རུང་ ང་བཅས་ཀྱིས་ བསྒྱུར་བཅོས་རྒྱུ་དངོས་འདི་ལག་ལེན་འཐབ་པ་ཅིན་ ལས་འགན་ཚུ་འབྲི་ཡོད་པའི་གོ་རིམ་འདི་ འཇུག་སྤྱོད་འབད་ཡོད་པའི་གོ་རིམ་འདི་ཨིན། གནད་དོན་འདི་ནང་ ང་བཅས་ཀྱིས་ ཨེགསི་ཚངས་ཐིག་གུར་ ཅ་ལ་ཅིག་ པིག་སེལ་༡༠༠ སྤོ་བཤུད་འབད་དེ་ དེ་ལས་ ཌི་གི་རི་༤༥ བསྒྱིར་བ་ཅིན་ དང་པ་ ཌི་གི་རི་༤༥ བསྒྱིར་ཞིནམ་ལས་ པིག་སེལ་༡༠༠ བསྒྱིར་མི་དང་ ཅོག་འཐདཔ་མེན། /* གྲུ་བཞི་དམརཔོ་: དང་པ་སྐད་སྒྱུར་འབད་ཞིནམ་ལས་ བསྒྱིར */ .དཔེ་-གཅིག { . transform: སྐད་སྒྱུར་ཨེགསི་(༡༠༠པི་ཨེགསི་) བསྒྱིར་(༤༥ཌི་ཇི་); } .
/* གྲུ་བཞི་ལྗང་ཁུ་: དང་པ་རང་བསྒྱིར་ཞིནམ་ལས་ དེ་ལས་སྐད་སྒྱུར་འབད། */ .དཔེ-གཉིས་ { . transform: བསྒྱིར་(45deg) སྐད་སྒྱུར་ཨེགསི་(100px); } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - བརྡ་སྟོན་ ༡༡ [forked] ཨ་མིཊ་ཤིན་གྱིས། དེ་འབདཝ་ད་ བསྒྱུར་བཅོས་གོ་རིམ་དང་འཁྲིལ་ཏེ་ མི་ངོ་རྐྱང་གི་བསྒྱུར་བཅོས་ཆ་མཉམ་ — ང་བཅས་ཀྱིས་ ལྡེ་མིག་གཞི་ཁྲམ་ཊོ་ཀེན་ཚུ་གི་དོན་ལུ་ལག་ལེན་འཐབ་ཡོད་མི་ཚུ་ག་ར་ — བསྒྱུར་བཅོས་ལས་འགན་ཚུ་གི་ཧེ་མ་འབྱུངམ་ཨིན། འདི་གིས་ ཁྱོད་ཀྱིས་ བསྒྱུར་བཅོས་རྒྱུ་དངོས་ནང་ གཞི་སྒྲིག་འབད་མི་ག་ཅི་རང་འབད་རུང་ བསྒུལ་བཟོ་ཚུ་གི་ཤུལ་ལས་ འབྱུང་འབྱུངམ་ཨིན་ཟེར་སླབ་ཨིན། དེ་འབདཝ་ད་ ཁྱོད་ཀྱིས་ དཔེར་ན་ ཀེ་ཨེཕ་-ཨིསི་པིན་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་དང་གཅིག་ཁར་ སྐད་སྒྱུར་འབད་ནི་གཞི་སྒྲིག་འབད་བ་ཅིན་ སྐད་སྒྱུར་འདི་ བསྒུལ་བཟོ་གི་ཧེ་མ་འབྱུངམ་ཨིན། མགུ་འཐོམ་སྟེ་ཡོདཔ་ཨིན་ན?! འདི་གིས་ འོག་གི་གནས་སྟངས་ནང་བཟུམ་སྦེ་ གནས་སྟངས་གནས་གོང་ཚུ་གིས་ བསྒུལ་བཟོ་ཅོག་འཐདཔ་གི་དོན་ལུ་ གྲུབ་འབྲས་སོ་སོ་འབྱུང་ཚུགས་པའི་གནས་སྟངས་ཚུ་ལུ་ འགྱོཝ་ཨིན།
/* སྤར་མི་གཉིས་ཆ་རའི་དོན་ལུ་ སྤྱིར་བཏང་བསྒུལ་བཟོ་ */ .སི་པི་ནར་ { . བསྒུལ་བཟོ་: kf-spin 1s རིམ་འགྲོས་ཚད་མེད་; } .
/* པིང་ཀ་སི་པི་ནར་: བསྒྱིར་བའི་ཧེ་མ་སྐད་སྒྱུར་འབད་ (རང་སོའི་བསྒྱུར་བཅོས་) */ .སྤི་ནར་-པིང་ཀ་ { . སྐད་སྒྱུར།: ༡༠༠% ༥༠%; } .
/* ལྗང་ཁུ་སྤར་མི་: བསྒྱིར་ཞིནམ་ལས་ སྐད་སྒྱུར་འབད་ (ལས་འགན་གོ་རིམ) */ .སྤི་ནར་-ལྗང་ཁུ { . transform: སྐད་སྒྱུར་(༡༠༠%, ༥༠%); } .
བལྟ། པེན་ཀི་ཕེརེམ་ཊོ་ཀེན་ - ཌེ་མོ་ ༡༢ [forked] ཨ་མིཊ་ཤིན་གྱིས་བརྩམས། ཁྱོད་ཀྱིས་མཐོང་ཚུགས། འགོ་ཐོག་བསྒྱིར་མི་ (པིང་ཀ) གིས་ ཀེ་ཨེཕ་-བསྒྱིར་མ་བསྒྱིར་བའི་ཧེ་མ་ འབྱུང་མི་སྐད་སྒྱུར་ཅིག་ཐོབ་དོ་ཡོདཔ་ལས་ དེ་གིས་ དང་པ་རང་ དེ་གི་ས་སྒོ་ནང་སྤོ་བཤུད་འབད་ཞིནམ་ལས་ བསྒྱིར་འགྱོཝ་ཨིན། གཉིས་པ་ ༼ལྗང་ཁུ་༽ གིས་ མི་ངོ་རྐྱང་བསྒྱུར་བཅོས་འབད་བའི་ཤུལ་ལས་ འབྱུང་མི་ སྐད་སྒྱུར་() ལས་འགན་ཐོབ་ཨིན། མེན་ འདི་འཛོལ་བ་མེན། འདི་ཡང་ ང་བཅས་ཀྱིས་ སི་ཨེསི་ཨེསི་གི་སྐོར་ལས་ ཤེས་དགོཔ་དང་ བསྒུལ་བཟོ་སྣ་ཚོགས་དང་ ཡང་ན་ བསྒྱུར་བཅོས་སྣ་ཚོགས་དང་གཅིག་ཁར་ ལཱ་འབད་བའི་སྐབས་ སེམས་ཁར་བཞག་དགོཔ་ཅིག་ཨིན། དགོ་པ་ཅིན་ ཁྱོད་ཀྱིས་ rotate() ལས་འགན་ལག་ལེན་འཐབ་ཐོག་ལས་ ཆ་ཤས་ཚུ་བསྒྱིར་མི་ kf-spin-alt ལྡེ་མིག་གཞི་ཁྲམ་གྱི་ཆ་ཚན་ཁ་སྐོང་ཅིག་ཡང་གསར་བསྐྲུན་འབད་ཚུགས། གཡོ་འགུལ་མར་ཕབ་འབད་ཡོདཔ། དེ་ལས་ ང་བཅས་ཀྱིས་ གདམ་ཁ་ཅན་གྱི་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་གི་སྐོར་ལས་ སླབ་པའི་སྐབས་ ང་བཅས་ཀྱིས་ “བསྒུལ་བཟོ་མེདཔ་” གདམ་ཁ་འདི་ སྣང་མེད་བཞག་མི་ཚུགས། ལྡེ་མིག་སྒྲོམ་གྱི་ཊོ་ཀེན་ཚུ་ལག་ལེན་འཐབ་པའི་སྐབས་ ཁེ་ཕན་སྦོམ་ཤོས་ཅིག་འདི་ འཛུལ་སྤྱོད་འབད་ཚུགསཔ་ཨིནམ་དང་ འདི་ཡང་ ངོ་མ་ལུ་ འཇམ་ཏོང་ཏོ་སྦེ་འབད་ཚུགསཔ་ཨིན། ང་བཅས་ཀྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ འཛུལ་སྤྱོད་འབད་ཚུགས་པའི་སེམས་ཁར་བཟོ་བཀོད་འབད་མི་འདི་གིས་ གཡོ་འགུལ་མར་ཕབ་འབད་ནི་ལུ་དགའ་མི་ ལག་ལེན་པ་ཚུ་ལུ་ ལཱ་ཁ་སྐོང་དང་ ཡང་ན་ གསང་ཡིག་འདྲ་བཤུས་མེད་པར་ འཇམ་ཏོང་ཏོ་དང་ སེམས་ཁར་ཕོག་པའི་ཉམས་མྱོང་ཚུ་ ཐོབ་ཚུགསཔ་ངེས་གཏན་བཟོ་ཚུགས། གཡོ་འགུལ་མར་ཕབ་འབད་བའི་དོན་དག་ངོ་མ་འདི་ བསྒུལ་བཟོ་གཅིག་ལས་གཅིག་ལུ་ དུམ་གྲ་ཅིག་བསྒྱུར་བཅོས་འབད་ཚུགས། ལས་འགུལ་ལས་ལས་འགུལ་ལུ་ དུམ་གྲ་ཅིག་བསྒྱུར་བཅོས་འབད་ཚུགས། ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་སྒྲ་མེད་བཟོ་ནི། བསྒུལ་བཟོ་ལ་ལུ་ཅིག་ མཉེན་དྲགས་ཡང་ན་ མར་ཕབ་འབད་ཚུགས་རུང་ གཞན་མི་ཚུ་ གཡོ་འགུལ་མར་ཕབ་འབད་དགོ་པའི་ཞུ་བ་འབད་བའི་སྐབས་ ཡོངས་རྫོགས་སྦེ་ ཡལ་འགྱོ་དགོཔ་ཨིན། པཱལསི་བསྒུལ་བཟོ་ཚུ་དཔེ་ལེགས་ཤོམ་ཅིག་ཨིན། བསྒུལ་བཟོ་འདི་ཚུ་ མར་ཕབ་འབད་ཡོད་པའི་གཡོ་འགུལ་ཐབས་ལམ་ནང་ གཡོག་མ་བཀོལ་བར་ ངེས་གཏན་བཟོ་ནི་ལུ་ ང་བཅས་ཀྱིས་ འོས་འབབ་ཅན་གྱི་བརྡ་བརྒྱུད་འདྲི་དཔྱད་ནང་ འཇམ་ཏོང་ཏོ་སྦེ་ བཀབ་ཚུགས།
@media (དགའ་གདམ་-མར་ཕབ་-གཡོ་འགུལ་: དགའ་གདམ་མེད་པ) { @keyfrmaes ཀེ་ཨེཕ་-པཱལསི { from { scale: var(--ཀེ་ཨེཕ་-པཱལསི་-འཇལ་ཚད་-ལས་, ༡); opacity: var(--ཀེ་ཨེཕ་-པཱལསི་-ཨོ་པ་སིཊི་-ལས་, ༡); } . to { scale: var(--ཀེ་ཨེཕ་-པཱལསི་-འཇལ་ཚད་-ལུ་, ༡); opacity:var(--ཀེ་ཨེཕ་-པཱལསི་-ཨོ་པ་སིཊི་-ཊོ་, ༡); } . } . } .
འདི་གིས་ མར་ཕབ་འབད་ནི་ལུ་ དགའ་གདམ་-མར་ཕབ་-གཡོ་འགུལ་གཞི་སྒྲིག་འབད་ཡོད་མི་ ལག་ལེན་པ་ཚུ་གིས་ བསྒུལ་བཟོ་འདི་མི་མཐོང་ནི་དང་ ཁོང་རའི་དགའ་གདམ་དང་མཐུན་པའི་ཉམས་མྱོང་ཐོབ་ནི་ངེས་གཏན་བཟོཝ་ཨིན། འཕྲལ་འཕྲལ་གྱི་ནང་ལུ། ང་བཅས་ཀྱིས་ འཛུལ་སྒོ་བསྒུལ་བཟོ་བཟུམ་གྱི་ འཇམ་ཏོང་ཏོ་སྦེ་ བཏོན་གཏང་མ་ཚུགས་པའི་ ལྡེ་མིག་གཞི་ཁྲམ་ལ་ལོ་ཅིག་ཡོདཔ་ཨིན། གནས་གོང་འདི་བསྒྱུར་བཅོས་འབད་དགོཔ་ཨིན་ བསྒུལ་བཟོ་འབད་དགོཔ་ཨིན། དེ་མེན་པ་ཅིན་ ཡན་ལག་འདི་ལུ་ གནས་གོང་ངེས་བདེན་ཚུ་མི་འོང་། དེ་འབདཝ་ད་ མར་ཕབ་འབད་ཡོད་པའི་གཡོ་འགུལ་ནང་ འགོ་ཐོག་གནས་གོང་ལས་ འགྱུར་བ་འདི་ འཕྲལ་འཕྲལ་འོང་དགོ། འདི་གྲུབ་ཐབས་ལུ་ ང་བཅས་ཀྱིས་ གནས་གོང་འདི་ དེ་འཕྲོ་ལས་ མཇུག་གནས་སྟངས་ལུ་མཆོངས་འགྱོ་སའི་ ལྡེ་མིག་གཞི་ཁྲམ་གྱི་ཆ་ཚན་ཁ་སྐོང་ཅིག་ ངེས་འཛིན་འབད་འོང་། འདི་ཚུ་ང་བཅས་ཀྱི་སྔོན་སྒྲིག་ལྡེ་མིག་གཞི་ཁྲམ་ལུ་འགྱུརཝ་ཨིན། དེ་ལས་ ང་བཅས་ཀྱིས་ ཧེ་མའི་དཔེ་བཟུམ་སྦེ་ དགའ་གདམ་མར་ཕབ་འབད་ཡོད་པའི་གཡོ་འགུལ་གཞི་སྒྲིག་འབད་ནིའི་དོན་ལུ་ བརྡ་བརྒྱུད་འདྲི་དཔྱད་ཀྱི་ནང་འཁོད་ལུ་ དུས་རྒྱུན་གྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ཁ་སྐོང་བརྐྱབ་འོང་། /* མར་ཕབ་འབད་ཡོད་པའི་གཡོ་འགུལ་གྱི་དོན་ལུ་ དེ་འཕྲོ་ལས་ པོཔ་ཨིན་ */ @keyframes ཀེ་ཨེཕ་-ཟུམ་ { ལས་, ལུ { scale: var(--ཀེ་ཨེཕ་-ཆེར་བསྐྱེད་-ལུ་, ༡); } . } .
@media (དགའ་གདམ་-མར་ཕབ་-གཡོ་འགུལ་: དགའ་གདམ་མེད་པ) { /* ངོ་མ་རྒྱས་ཟུམ་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ */ @keyframes ཀེ་ཨེཕ་-ཟུམ་ { from { scale: var(--ཀེ་ཨེཕ་-ཟུམ་-ལས་, ༠.༨); } . to { scale: var(--ཀེ་ཨེཕ་-ཆེར་བསྐྱེད་-ལུ་, ༡); } . } . } .
འདི་བཟུམ་སྦེ་ གཡོ་འགུལ་མར་ཕབ་འབད་ནི་ལུ་དགའ་མི་ ལག་ལེན་པ་ཚུ་གིས་ ཆ་ཤས་འདི་ དེ་འཕྲོ་ལས་ མཐའ་མཇུག་གི་གནས་སྟངས་ནང་ འབྱུངམ་ཨིནམ་དང་ གཞན་མི་ཚུ་གིས་ བསྒུལ་བཟོའི་འགྱུར་བ་འདི་ཐོབ་ཨིན། འཇམ་པའི་ཐབས་ལམ། ང་བཅས་ཀྱིས་ གཡོ་འགུལ་ལ་ལུ་ཅིག་ བཞག་དགོ་པའི་ གནད་དོན་ཚུ་ཡོདཔ་ཨིན་རུང་ བསྒུལ་བཟོ་ངོ་མ་ལས་ མཉེན་དྲགས་དང་ ཞི་བདེ་ཅན་ཅིག་ཨིན། དཔེར་ན་ ང་བཅས་ཀྱིས་ བཱའུནསི་འཛུལ་སྒོ་འདི་ མགྱོགས་དྲགས་སྦེ་ མར་ཉམས་འགྱོ་མི་ཅིག་གིས་ ཚབ་བཙུགས་ཚུགས།
@keyframes ཀེ་ཨེཕ་-བཱའུནསི་ { /* མར་ཕབ་འབད་ཡོད་པའི་གཡོ་འགུལ་གྱི་དོན་ལུ་ མཉེན་ཆས་ཕེ་ཌི་ཨིན་ */ } .
@media (དགའ་གདམ་-མར་ཕབ་-གཡོ་འགུལ་: དགའ་གདམ་མེད་པ) { @keyframes ཀེ་ཨེཕ་-བཱའུནསི་ { /* བཱའུནསི་ལྡེ་མིག་གཞི་ཁྲམ་ངོ་མ་ */ } . } .
ད་ལྟོ་ གཡོ་འགུལ་མར་ཕབ་འབད་ཡོད་མི་ ལག་ལེན་པ་ཚུ་གིས་ ད་ལྟོ་ཡང་ མཐོང་སྣང་གི་ཚོར་སྣང་ཐོབ་དོ་ཡོདཔ་ཨིན་རུང་ འཕུར་འགྲུལ་དང་ ཡང་ན་ བསྒུལ་བཟོ་གི་ གཡོ་འགུལ་ཤུགས་ཅན་མེདཔ་ཨིན། བཟོ་བསྐྲུན་སྡེ་ཚན་ཚུ་ ས་གནས་ནང་ཡོདཔ་ལས་ ཤུལ་མམ་གྱི་དྲི་བ་འདི་ ལཱ་གི་རྒྱུན་རིམ་ངོ་མ་གི་ཆ་ཤས་ཅིག་སྦེ་ ག་དེ་སྦེ་བཟོ་ནི་ཨིན་ན་ཨིན། བསྒྱུར་བཅོས་ཅན་གྱི་ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་བྲིས་ནི་འདི་གཅིག་ཨིན་རུང་ ལས་འགུལ་སྦོམ་ཅིག་ནང་ བློ་གཏད་ཅན་བཟོ་ནི་ལུ་ ཐབས་ཤེས་དག་པ་ཅིག་དགོཔ་ལས་ ང་གིས་ ལཱ་ཁག་སྦེ་ལྷབ་དགོཔ་ཐོན་ནུག། ལག་ལེན་འཐབ་ཐངས་དང་ ལག་ལེན་དྲག་ཤོས། ང་བཅས་ལུ་ ཀི་ཕེརེམ་ཊོ་ཀེན་ཚུ་གི་ དཔེ་མཛོད་སྒྲིང་སྒྲིང་ཅིག་ཡོདཔ་ད་ གདོང་ལེན་ངོ་མ་འདི་ ཉིན་བསྟར་གྱི་ལཱ་ནང་ ག་དེ་སྦེ་འབག་འོང་ག་ཟེར་ཨིན།
འདོན་སྤེལ།: ༢༠༡༠/༠༣/༠༣ རིག་པ།(༡) འདི་ཡང་ གཟའ་ཉི་མའི་ཉིན། ཕེ་ཌི་ཡང་ན་བཤུད་བཟུམ་གྱི་ཡོངས་གྲགས་ཅན་གྱི་བསྒུལ་བཟོ་ཚུ་དང་གཅིག་ཁར་འགོ་བཙུགས། འདི་ཚུ་ ལོག་བྲིས་སྦོམ་མ་དགོ་པར་ དེ་འཕྲོ་ལས་ གནས་གོང་སྟོན་མི་ འཇམ་ཏོང་ཏོ་གི་རྒྱལ་ཁ་ཚུ་ཨིན། མིང་བཏགས་ནི་འདི་ དོ་སྣང་འབད་དགོ་པའི་གནད་དོན་གཞན་ཅིག་ཨིན། རིམ་མཐུན་སྔོན་སྒྲིག་ཡང་ན་ མིང་གནས་འདི་གིས་ བསྒུལ་བཟོ་ག་འདི་ ཊོ་ཀེན་ཨིན་ན་དང་ ག་འདི་ ཉེ་གནས་གཅིག་ལས་གཅིག་ཨིན་ན་ གསལ་ཏོག་ཏོ་བཟོཝ་ཨིན། དེ་མ་ཚད་ རྐྱེན་ངན་གྱི་ ཁ་ཐུག་རྐྱབ་ནི་ལས་ བཀག་ཐབས་འབདཝ་མ་ཚད་ སྡེ་ཚན་གྱི་འཐུས་མི་གསརཔ་ཚུ་གིས་ བརྗེ་སོར་འབད་བའི་ ལམ་ལུགས་འདི་ མཐོང་སྣང་ཅིག་ནང་ ངོས་འཛིན་འབད་ཚུགས། ཡིག་ཆ་འདི་ གསང་ཡིག་འདི་བཟུམ་སྦེ་རང་ ཁག་ཆེཝ་ཨིན། ལྡེ་མིག་གཞི་ཁྲམ་བརྡ་མཚོན་རེ་རེ་གི་ལྟག་ལུ་ བསམ་བཀོད་ཐུང་ཀུ་ཅིག་གིས་ཡང་ ཤུལ་ལས་ ཚོད་དཔག་འབད་ནི་གི་ཆུ་ཚོད་ཚུ་ གསོག་འཇོག་འབད་ཚུགས། གོང་འཕེལ་གཏང་མི་ཅིག་གིས་ ཊོ་ཀེན་ཡིག་སྣོད་ཁ་ཕྱེ་ཚུགས་དགོཔ་མ་ཚད་ ཁོང་ལུ་དགོ་པའི་ནུས་པ་འདི་ པར་ལོག་བཏབ་ཚུགས་དགོཔ་མ་ཚད་ ལག་ལེན་གྱི་དཔེ་རིས་འདི་ ཁོང་རའི་ཆ་ཤས་ནང་ལུ་ ཐད་ཀར་དུ་འདྲ་བཤུས་རྐྱབ་ཚུགས་དགོ། བསྒྱུར་བཅོས་འབད་ཚུགས་མི་འདི་གིས་ ཐབས་ལམ་འདི་ལུ་ ཕན་ཐོགས་འབྱུང་བཅུགཔ་ཨིན། ང་བཅས་ཀྱིས་ རིམ་ལུགས་འདི་མ་བཅག་པར་ བསྒུལ་བཟོ་འདི་ མཐུན་སྒྲིག་འབད་ནི་ལུ་ སྡེ་ཚན་ཚུ་ལུ་ ཁང་མིག་བྱིནམ་ཨིན། དུས་མཉམ་དུ་ མགུ་རྙོག་དྲགས་མ་བཟོ་བར་འབད་རྩོལ་བསྐྱེད། གལ་ཆེ་བའི་མཛུབ་མོ་ཚུ་བྱིན་ཞིནམ་ལས་ གཞན་མི་ཚུ་བསམ་འཆར་བཀོད་བཞག། མཐའ་མཇུག་ལུ་ འཛུལ་སྤྱོད་འབད་ཚུགསཔ་དྲན་དགོ། བསྒུལ་བཟོ་ག་ར་ལུ་ གཡོ་འགུལ་མར་ཕབ་འབད་ནིའི་ཐབས་ཤེས་དགོཔ་མེད་རུང་ མང་ཤོས་ཅིག་གིས་རང་ དགོཔ་ཨིན། འདི་བཟུམ་གྱི་ བདེ་སྒྲིག་ཚུ་ ཧེ་མ་ལས་ བཞེས་སྒོ་འབད་མི་འདི་གིས་ ཤུལ་ལས་ ང་བཅས་ཀྱིས་ དེ་ཚུ་ ནམ་ཡང་ བསྐྱར་བཟོ་འབད་དགོཔ་མེདཔ་ལས་ ང་བཅས་ཀྱི་ལག་ལེན་པ་ཚུ་གིས་ ནམ་ཡང་ བཤད་མ་ཚུགས་རུང་ བདག་འཛིན་འཐབ་ཚུགས་པའི་ གནས་ཚད་ཅིག་ སྟོནམ་ཨིན།
ངེ་གི་ཉམས་མྱོང་ནང་ ང་བཅས་ཀྱི་བཟོ་བཀོད་ཊོ་ཀེན་ལཱ་གི་རྒྱུན་རིམ་གྱི་ཆ་ཤས་ཅིག་སྦེ་ ཀི་ཕེརེམ་ཊོ་ཀེན་ཚུ་ བརྩི་འཇོག་འབད་མི་འདི་གིས་ དེ་ཚུ་ བཀག་བཞག་བཅུགཔ་ཨིན། འདི་ཚུ་ས་གནས་ནང་ལུ་ལྷོདཔ་ད་ དམིགས་བསལ་གྱི་གནོད་པ་བཟུམ་གྱི་ཚོར་སྣང་བྱུང་ནི་འདི་བཀག་ཞིནམ་ལས་ བཟོ་བཀོད་ཀྱི་སྐད་ཡིག་གི་ཆ་ཤས་ཅིག་ལུ་འགྱུར་དོ་ཡོདཔ་དང་ འདི་ཡང་ ཐོན་སྐྱེད་འདི་ག་དེ་སྦེ་འགྱོཝ་ཨིན་ན་དང་ ལན་གསལ་འབདཝ་ཨིན་ནའི་ རང་བཞིན་གྱི་རྒྱ་སྐྱེད་ཅིག་ཨིན། བསྡུ་སྒྲིག་འབད་དོ། བསྒུལ་བཟོ་འདི་ ངོས་འདྲ་བ་བཟོ་ནི་གི་ནང་ལུ་ དགའ་སྤྲོ་ཆེ་ཤོས་ཅིག་ཨིན་རུང་ གཞི་བཀོད་མེད་པ་ཅིན་ སེམས་ཕམ་གྱི་འབྱུང་ཁུངས་སྦོམ་ཤོས་ཅིག་ལུ་འགྱུར་ཚུགས། ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ ཊོ་ཀེན་སྦེ་ བརྩི་འཇོག་འབད་མི་འདི་གིས་ ཁྱོད་ཀྱིས་ སྤྱིར་བཏང་ལུ་ མགུ་འཐོམ་སི་སི་དང་ འཛིན་སྐྱོང་འཐབ་མ་ཚུགས་པའི་ ཅ་ཆས་ཚུ་ ལེན་ཞིནམ་ལས་ གསལ་ཏོག་ཏོ་དང་ སྔོན་དཔག་འབད་ཚུགས་པའི་ ལམ་ལུགས་ཅིག་ལུ་ བསྒྱུར་བཅོས་འབདཝ་ཨིན། གནས་གོང་ངོ་མ་འདི་ གསང་ཡིག་གྲལ་ཐིག་དག་པ་ཅིག་སྲུང་བཞག་འབད་ནི་ནང་རྐྱངམ་ཅིག་མེན། ཁྱོད་ཀྱིས་ མར་ཉམས་འགྱོ་ནི་དང་ བཤུད་བརྙན་ རྒྱས་ཟུམ་ ཡང་ན་ བསྒྱིར་ནི་ཚུ་ལག་ལེན་འཐབ་པའི་སྐབས་ ལས་འགུལ་གྱི་ནང་འཁོད་ལུ་ ག་དེ་སྦེ་སྤྱོད་ལམ་སྟོན་འོང་ག་ ཁྱོད་ཀྱིས་ ཏན་ཏན་སྦེ་ཤེས་ཚུགས་པའི་ བློ་གཏད་ནང་ལུ་ཡོདཔ་ཨིན། འདི་ཡང་ མཐའ་མེད་པའི་འགྱུར་བ་ཚུ་གི་ཟང་ཟིང་མེད་པར་ སྲོལ་རྒྱུན་གྱི་རྒྱུ་དངོས་ཚུ་ལས་འོང་མི་ བསྒྱུར་བཅོས་ནང་ལུ་ཨིན། འདི་ཡང་ གཞི་རྟེན་ནང་ལུ་བཟོ་བསྐྲུན་འབད་ཡོད་པའི་ འཛུལ་སྤྱོད་ནང་ལུ་ཡོདཔ་ཨིན།an བསམ་བློ། ང་གིས་ བསམ་འཆར་འདི་ཚུ་ སྡེ་ཚན་སོ་སོ་དང་ གསང་ཡིག་གཞི་རྟེན་སོ་སོ་ཚུ་ནང་ ལཱ་འབད་ས་མཐོང་ཡོདཔ་ལས་ དཔེ་རིས་འདི་ དུས་རྒྱུན་དུ་ ཅོག་འཐདཔ་སྦེ་ཡོདཔ་ཨིན། ཊོ་ཀེན་ཚུ་ ས་གནས་ནང་ བཙུགས་ཚརཝ་ད་ ལྡེ་མིག་གཞི་ཁྲམ་ཚུ་ གཡོ་སྒྱུ་ཚུ་ ཁ་སྟོར་འགྱོ་སྟེ་ བསྡུ་སྒྲིག་འབད་ནི་འདི་ བཀག་ཞིནམ་ལས་ བཟོ་བཀོད་སྐད་ཡིག་གི་ཆ་ཤས་ཅིག་ལུ་འགྱུརཝ་ཨིན། ཁོང་གིས་ ཐོན་སྐྱེད་འདི་ བསམ་ཞིབ་ཅན་དང་ རྟག་བརྟན་ དེ་ལས་ སྲོག་ལྡན་སྦེ་འཚོར་བཅུགཔ་ཨིན། རྩོམ་ཡིག་འདི་ནང་ལས་ ཁྱོད་ཀྱིས་ གཅིག་བཏོན་པ་ཅིན་ འདི་སྦེ་བཞག་དགོ། བསྒུལ་བཟོ་ཚུ་གིས་ ང་བཅས་ཀྱིས་ ཚོས་གཞི་དང་ དཔེ་སྐྲུན་ དེ་ལས་ བར་སྟོང་བཞག་ཐངས་ཚུ་ལུ་ ཧེ་མ་ལས་རང་ བདག་འཛིན་དང་ གཞི་བཀོད་ཚུ་ བྱིན་དགོཔ་ཨིན། ཁྱོད་ཀྱི་ངོས་འདྲ་བ་སྤོ་བཤུད་འབད་བའི་སྐབས་ ལྡེ་མིག་གཞི་ཁྲམ་ཊོ་ཀེན་ཚུ་ནང་ མ་རྩ་ཆུང་ཀུ་ཅིག་བཙུགས་མི་འདི་གིས་ འཐུས་སྤྲོདཔ་ཨིན།
