កូដ zoom រូបភាពនៅក្នុង blogpost

សួរស្តីក្នុងមេរៀននេះខ្ញុំនិងបង្ហាញពីរបៀបដាក់កូដ zoom រូបភាពនៅក្នុង blogpost ដែរ។

កាលមេរៀនមុខខ្ញុំបានបង្ហាញពីរបៀបធ្វើអោយរូបភាពក្នុង blospost​ មានចលនាបែបបង្វិលការ៉េ

ទៅរាងបូងម្ដងហើយឥឡូវនេះពីរបៀបដាក់កូដ zoom រូបភាពនៅក្នុង blog​post ម្តង

 គឺជាការពង្រីកដ៏ស្រស់ស្អាតត្រូវបានគេលើរូបភាពនឹងត្រូវបានបង្ហាញជាធម្មតាបន្ទាប់មកនៅពេលដែលអ្នកដាក់ cursor លើវារូបភាពដែលដុះដើម្បី zoom.This គឺជាការមួយដែលមានប្រសិទ្ធិភាពល្អ។

• របៀបបន្ថែមរូបភាព CSS ប្តូរបែបផែនដើម្បី Blogger   

ជំហ៊ានទី ១ ចូលទៅកាន់ blog Template របស់អ្នកស្វែករកកូដ ]]></b:skin>   

ជំហានទី ២ ចម្លងនិងបិទភ្ជាប់កូដខាងក្រោមនេះទៅក្នុងផ្នែក CSS ។

 

   /* CSS image zoom effect http://www.spiceupyourblog.com */
.post img {
height: 100%;
width: 100%;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

}

.post img:hover {
width: 150%;
height: 150%;
}
/*CSS image zoom effect http://www.spiceupyourblog.com */

 

• ធ្វើរួចរាល់សូមចុចលើ  Save button.។

 ញុំសង្ឃឹមថាអ្នកនឹងធ្វើបានដោយជោគជ័យ Play learns និងខិតខំស្វែងរក
នូវអ្វើដែលថ្មីៗមកប្រែជាភាសារខ្មែរដើម្បើងាយស្រួលដល់ការរចនាប្លុក៕
សូមអសគុណសូមមានសំណាល្អ៕