របៀបត្រឡប់​រូបភាព​ដោយ​ប្រើ​ប្រាស់ CSS3

ខណៈនេះ អាន-ANT www.antkh.com សូមលើកយកការត្រឡប់​រូបភាព ឬ អាចហៅថាការប្ដូរទិសដៅ រូបភាព​មក​ធ្វើការ​បង្ហាញ​ជូន​លោកអ្នក ដោយ​ប្រើ​ប្រាស់ CSS ។ នៅ​ក្នុង CSS អាច​អនុញ្ញាត​ិ​ឲ្យ​លោកអ្នក ប្ដូរទិសដៅ​រូបភាព​ដោយមិនចាំបាច់ទៅធ្វើ​នៅលើ កម្មវិធី Photoshop ឬ​ក៏ កម្មវិធី​ផ្សេងៗ​ឡើយ ។

មើល​រូបភាព​ខាងក្រោម (រូបភាព​មានតែមួយប៉ុណ្ណោះ) ៖

កូដ CSS ដើម្បី​ត្រឡប់​រូបភាព ខ្ញុំ​សូមហៅវាថា class=”democlass”

​នៅពេល​ដែល​លោកអ្នក​ដាក់ class=”democlass” ទៅ​ក្នុង tag img ​វានឹង​ធ្វើការ​ត្រឡប់​រូបភាព​របស់អ្នក​ដូចរូប​ខាងលើ ។

- transform: scaleX (-1) ; ជាកូដ​សម្រាប់​ត្រឡប់​រូបភាព​

- -moz-transform: scaleX (-1) ; សម្រាប់​ធ្វើ​ឲ្យ​វា ដំណើរ​ការ​នៅលើ Browser Firefox

- -o-transform: scaleX (-1) ; ​សម្រាប់​ធ្វើ​ឲ្យ​វា ដំណើរ​ការ​នៅលើ Browser Opera

- -webkit-transform: scaleX (-1) ; ​សម្រាប់​ធ្វើ​ឲ្យ​វា ដំណើរ​ការ​នៅលើ Browser ​ដទៃ​ទៀត

កូដ​ដែល​បាន​បង្កើត​៖

♦ រៀបរៀងអត្ថបទដោយ៖ លោក សំ រិទ្ឋី ត្រួត​ពិនិត្យ និងកែ​សម្រួល​អត្ថបទដោយ៖ លោក ជា សែនកុសល

♦ មុខវិជ្ផា HTML+HTML5+Dreamweaver តម្លៃ ៥៥ដុល្លា ឬ ២២០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​ http://training.antkh.com/html.aspx

♦ មុខវិជ្ផា Web Design with CSS + Bootstrap តម្លៃ ៨០ដុល្លា ឬ ៣២០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​នេះ http://training.antkh.com/website_design_with_css.aspx

♦ ​សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​គេហទំព័រជា​ច្រើន នៅអាន-ANT http://training.antkh.com/achievements/?c=web

♦ សូម​ចូលរួម​ជាសមាជិក ANT Training Group ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT
♦ ចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ដែល​ទាក់ទងនឹង​បច្ចេកវិទ្យា​រៀងរាល់​ថ្ងៃ​