របៀប​ប្រើប្រាស់ CSS3 ឲ្យ​ក្តោប​អក្សរ​តាមរាង​ផ្សេងៗ

ដើម្បី​ធ្វើ​ជា​រូបរាង​ផ្សេងៗ ដោយ​ប្រើ​អក្សរ​សម្រាប់​ឌីហ្សាញ ភាគច្រើន​អ្នក​ឌីហ្សាញ ទូទៅ​ច្រើន​និយម​ប្រើ រូបភាព​មក​បិត​ភ្ជាប់​ជាមួយ​នឹង​មាតិ​កា អត្ថបទ​នៃ​គេហ​ទំព័រ​ ។ ប៉ុន្តែ​ពេលនេះ លោកអ្នក​លែង​ត្រូវ​ចំណាយ​ពេល​ក្នុងការ​រចនា ដោយ​ប្រើ​កម្មវិធី​ជំនួយ​ដូចជា Photoshop ឬ Illustrator ទៀតហើយ សូម​ងាយ​មក​ប្រើ CSS3 ជំនួស​វិញ ។

Content_Wrap

យ៉ាងណាមិញ CSS3 កាន់តែ​បង្ក​លក្ខណៈ​កាន់​តែ​ងាយស្រួល​សម្រាប់​លោកអ្នក ក្នុងការ​រចនា​គេហ​ទំព័រ ។ សំបុក​អាយធី សូម​ណែនាំ​ share inside ។ Property មូយនេះ​ត្រូវ​បាន គេ​ដាក់​ឲ្យ​ប្រើ​សម្រាប់​តំរៀប​តួ​អក្សរ​ឲ្យ​ចេញ​ជា​រាង​ផ្សេងៗ តាម​តែ​លោកអ្នក​ចង់បាន ។

ចំពោះ Property នេះ​វាដំណើរ​ការ​តែជាមួយ Chrome Browser តែប៉ុន្នោះ ។

សូម​មើល​ពី​របៀប​ដូច​ខាងក្រោម៖

របៀប​ប្រើ​ប្រាស់ Shape-Inside

.basic-shape {
font-size: 12px;
width: 300px;
height: 300px;
overflow: hidden;
text-align: justify;
-webkit-hyphens: manual;
-webkit-shape-inside: polygon(0px 0px, 0 300px, 300px 300px);
}

លោកអ្នក​នឹង​ទទួល​បាន៖

triangle-shape

.svg-shape {
-webkit-shape-inside: polygon(75.778px 272.829px, 1.555px 144.271px, 75.778px 15.713px, 224.222px 15.713px, 298.444px 144.271px, 224.222px 272.829px);
}

លោកអ្នក​នឹង​ទទួល​បាន៖

hexagon-shape

ប្រភពលម្អិត

7 មតិ

  1. គ្មានពាក្យអីក្រៅពីសរសើ ខ្មែរសម័យនេះពិតជាពូកែមែន។
    លូវមានអ្នកពូកែច្រើន ខ្ញុំសុំនែនាំអ្នកមានជុំនាញ ខាងIT បើចង់បានការងារសុំខលមកជួបខុំ។
    ខ្ញុំមាន ក្រុមហុំនមួយ ដែលទើបនឹងបើក ហើយកំពុងរកបុគ្គលិក។
    លេខខ្ញុំ 0962813530

    • សួស្តី!
      សូមអរគុណ​ចំពោះ​ការគាំទ្រ ។ អ្នក​អាច​ផ្ញើ​ជា Banner ព័ត៌មាន​ការងារមក​សំបុកអាយធី យើង​នឹង​ធ្វើ​ការ​ផ្សព្វផ្សាយ​ជូន៕

  2. គ្មានពាក្យអីក្រៅពីសរសើ ខ្មែរសម័យនេះពិតជាពូកែមែន។
    លូវមានអ្នកពូកែច្រើន ខ្ញុំសុំនែនាំអ្នកមានជុំនាញ ខាងIT បើចង់បានការងារសុំខលមកជួបខុំ។
    ខ្ញុំមាន ក្រុមហុំនមួយ ដែលទើបនឹងបើក ហើយកំពុងរកបុគ្គលិក។
    លេខខ្ញុំ 0962813530

  3. រាល់​ ​Banner​ ដែលខ្ញុំផ្ញើរទៅតើគិតលុយដែររឺអត់។ បើខលមកខ្ញុំកាន់តែល្អ ០៩៦២៨១៣៥៣០

    • សួស្តី! 
      តើ​ចង់​សំដៅ​លើ Banner សម្រាប់​ផ្សព្វផ្សាយ​មែនទេ? អាច​ទាក់​ទង​មក​សំបុកអាយធី តាមលេខ ០១៧ ៦០០ ១៨៥

  4. I am khmer krom,want to learn to design and update webpage and hosting

  5. I feeling very happy when i see all kon khmer now is have much more information technology
    I hope that in the future kon khmer can development country too this.

Leave a Reply