ស្វែងយល់ខ្លះៗអំពី Transition នៅក្នុង CSS
Transition គឺជាការផ្លាស់ប្ដូរ។ ការផ្លាស់ប្ដូរពណ៌ ដោយប្រើ transition color នៅក្នុង CSS មានលក្ខណៈប្លែក ព្រោះថា ពណ៌មួយ ដែលបានចូលមកជំនួសដោយពណ៌មួយទៀត (Hover) គឺវាលោតបែបយឺតៗ។ មិនតែប៉ុណ្ណោះ transition បានអនុញ្ញាត ឲ្យយើងកំណត់រយៈពេលជាក់លាក់មួយ ក្នុងការដែលឲ្យពណ៌មួយ លោតមកជំនួសពណ៌មួយទៀត។ សូមមើលឧទាហរណ៍ ៖
*** នៅក្នុងឧទាហរណ៍ខាងក្រោមនេះ
- គេកំណត់ឲ្យពណ៌មួយចូលមកជំនួសពណ៌មួយទៀតដោយប្រើរយៈពេល 1s (1វិនាទី)
- ពណ៌ដើមរបស់ Background : #383D45
- ពណ៌ដែលបានចូលមកជំនួននៅពេលដាក់ cursor ពីលើ : #526F94
- Browser ដែលគាំទ្រ (Support) ៖
*** តទៅនេះ សូមមើលកូដ HTML និង CSS របស់ Transition ខាងក្រោម ៖
* បើសិនជាការពន្យល់របស់ខ្ញុំមានការខុសឆ្គង ឬពិបាកយល់ សូមអធ្យាស្រ័យ ព្រោះនេះជាការសាកល្បងបង្ហាញពីកូដ CSS និងការណែនាំ លើកទី១របស់ខ្ញុំបាទទេ!!!។ :D
*** នៅក្នុងឧទាហរណ៍ខាងក្រោមនេះ
- គេកំណត់ឲ្យពណ៌មួយចូលមកជំនួសពណ៌មួយទៀតដោយប្រើរយៈពេល 1s (1វិនាទី)
- ពណ៌ដើមរបស់ Background : #383D45
- ពណ៌ដែលបានចូលមកជំនួននៅពេលដាក់ cursor ពីលើ : #526F94
- Browser ដែលគាំទ្រ (Support) ៖
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Works | Works | 4+ | 10.5+ | 10+ | 2.1+ | 3.2+ |
* បើសិនជាការពន្យល់របស់ខ្ញុំមានការខុសឆ្គង ឬពិបាកយល់ សូមអធ្យាស្រ័យ ព្រោះនេះជាការសាកល្បងបង្ហាញពីកូដ CSS និងការណែនាំ លើកទី១របស់ខ្ញុំបាទទេ!!!។ :D
ស្វែងយល់ខ្លះៗអំពី Transition នៅក្នុង CSS
Reviewed by អ៊ុំ ច័ន្ទសានិត
on
April 08, 2015
Rating:
No comments