For Android device For iOS device
្αŸ₯
αž’αŸ’αž“αžΌ

Happy Merry Christmas! πŸ˜ƒ With HTML & CSS

αžšαŸ€αž”αžšαŸ€αž„αžŠαŸ„αž™ αž›αŸ„αž€ αž…αŸ‚ αžŸαž»αž•αž›

Happy Merry Christmas!  πŸ˜ƒ
Use this picture with HTML & CSS. 
* Wish all of you have good health and successful all that you need...

♦ αž€αžΌαžŠ HTML

→ αž–αž“αŸ’αž™αž›αŸ‹αž€αžΌαžŠ HTML

- αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ‘αŸ£β€‹ β€‹αž”αž„αŸ’αž€αžΎαžβ€‹ class β€‹αžˆαŸ’αž˜αŸ„αŸ‡β€‹ message 

- αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈ ៑ៀ αžŠαžΆαž€αŸ‹β€‹αž…αŸ†αžŽαž„αž‡αžΎαž„β€‹αžšαž”αžŸαŸ‹αž’αžαŸ’αžαž”αž‘

- αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈ ៑αŸ₯ αž”αž„αŸ’αž€αžΎαž class β€‹αžˆαŸ’αž˜αŸ„αŸ‡ copyright αž αžΎαž™ tag a link β€‹αž‘αŸ…αž€αžΆαž“αŸ‹β€‹ Facebook

♦ αž€αžΌαžŠ CSS

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ₯ αžŠαžΆαž€αŸ‹αž–αžŽαŸŒ background β€‹αž²αŸ’αž™β€‹ body

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ¦ αž αŸ…β€‹αžˆαŸ’αž˜αŸ„αŸ‡β€‹αž˜αž€β€‹αž”αŸ’αžšαžΎβ€‹αžŠαŸ‚αž›β€‹αž”αžΆαž“β€‹αž”αž„αŸ’αž€αžΎαžβ€‹αž“αŸ…αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ‘αŸ‘ αžˆαŸ’αž˜αŸ„αŸ‡β€‹αžαžΆβ€‹ background αž αžΎαž™αž”αŸ’αžαžΌαžšαž–αžŽαŸŒαžαžΆαž˜αž’αŸ’αžœαžΈβ€‹αžŠαŸ‚αž›β€‹αž”αžΆαž“β€‹αž€αŸ†αžŽαžαŸ‹β€‹αž“αŸ…β€‹αž€αŸ’αž“αž»αž„β€‹αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ‘αŸ‘ 

- αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ§ αž€αŸ†αžŽαžαŸ‹β€‹αžšαž™:αž–αŸαž›αž“αŸƒαž€αžΆαžšαž”αŸ’αžŠαžΌαžšαž–αžŽαŸŒαžšαžΆαž›αŸ‹ 1.5 β€‹αžœαž·αž“αžΆαž‘αžΈβ€‹αž˜αŸ’αžŠαž„

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ¨ αž€αŸ†αžŽαžαŸ‹β€‹αž…αŸ†αž“αž½αž“αž“αžΆαž‘αžΈαž“αŸ…αžšαž™:αž–αŸαž›αŸ‘β€‹αžœαž·αž“αžΆαž‘αžΈβ€‹αžšαž”αžŸαŸ‹ background 

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ© αž€αŸ†αžŽαžαŸ‹β€‹αž²αŸ’αž™β€‹αž˜αžΆαž“αž€αžΆαžšαž”αŸ’αžŠαžΌαžšαž–αžŽαŸŒβ€‹αžšαž αžΌαžβ€‹αžŠαž›αŸ‹αž”αž·αž‘ browser 

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ‘៧ αž²αŸ’αž™β€‹box β€‹αž“αŸ…αž›αžΎβ€‹ background 

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ‘αŸ¨β€‹ top β€‹αž˜αžΆαž“αž“αŸαž™αžαžΆβ€‹αž’αŸ€αž” box αž–αžΈαž›αžΎαž…αž»αŸ‡αž…αŸ†αž“αž½αž“ 45%​ αž αžΎαž™β€‹ left β€‹αž˜αžΆαž“αž“αŸαž™αžαžΆβ€‹αž’αŸ€αž”β€‹ box​ αž–αžΈβ€‹αž†αŸ’αžœαŸαž„β€‹αž‘αŸ…β€‹αžŸαŸ’αžŠαžΆαŸ†β€‹αž…αŸ†αž“αžΌαž“β€‹ 50% 

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ‘៨ αžŠαžΆαž€αŸ‹ box β€‹αž²αŸ’αž™β€‹αžšαžΆαž„αž˜αžΌαž›αž…αŸ†αž“αž½αž“ 50% 

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ’៑ αžŠαžΆαž€αŸ‹β€‹ box β€‹αž²αŸ’αž™β€‹αž˜αžΆαž“αžšαžΆαž„αž‡αžΆ 3D

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ’្ αžŠαžΆαž€αŸ‹ border β€‹αž²αŸ’αž™β€‹αž˜αžΆαž“αž€αž˜αŸ’αžšαžΆαžŸαŸ‹ 10 px αž‡αžΆβ€‹ solid αž αžΎαž™αž˜αžΆαž“αž–αžŽαŸŒβ€‹β€‹ #f8e7dc 

-  αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ’៣ αž²αŸ’αž™β€‹αžœαžΆ hidden β€‹αž“αŸ…αž–αŸαž›β€‹αž˜αžΆαž“αž’αŸ’αžœαžΈαž…αŸαž‰αž€αŸ’αžšαŸ… box 

→ αž–αž“αŸ’αž™αž›αŸ‹αž€αžΌαžŠ CSS

- αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ’αŸ₯ αž²αŸ’αž™β€‹αžšαžΌαž”αž—αžΆαž–β€‹αž“αŸ…αž›αžΎ box 

- αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ’αŸ¦ top αž˜αžΆαž“αž“αŸαž™αžαžΆβ€‹αž’αŸ€αž”β€‹αžšαžΌαž”αž—αžΆαž–β€‹αž–αžΈ box αž…αž»αŸ‡αž˜αž€αž€αŸ’αžšαŸ„αž˜β€‹ 70 px 

- αž”αž“αŸ’αž‘αžΆαžαŸ‹αž‘αžΈαŸ’αŸ§ left β€‹αž˜αžΆαž“αž“αŸαž™αžαžΆβ€‹αž’αŸ€αž”β€‹αžšαžΌαž”αž—αžΆαž–β€‹αž–αžΈ box αž‘αŸ…β€‹αžŸαŸ’αžŠαžΆαŸ†β€‹ 22 px 

 → β€‹αž›αž‘αŸ’αž’αž•αž›β€‹αž€αŸ’αžšαŸ„αž™ Run Code

♦ αžœαž‚αŸ’αž‚ Web Design with CSS + Bootstrap αžαž˜αŸ’αž›αŸƒ αŸ¨αŸ αžŠαž»αž›αŸ’αž›αžΆ http://training.antkh.com/website_design_with_css.aspx

​♦ β€‹αžŸαž˜αŸ’αžšαžΆαž”αŸ‹β€‹αž–αŸαžαŸŒαž˜αžΆαž“β€‹αž‘αŸ†αž“αžΆαž€αŸ‹αž‘αŸ†αž“αž„αž˜αž€αž™αžΎαž„β€‹αžαŸ’αž‰αž»αŸ† αŸ– αž›αŸαžβ€‹αž‘αžΌαžšαžŸαž–αŸ’αž‘β€‹ αŸ αŸ‘០ / αŸ αŸ‘៦ ៦៦៦ ៦αŸ₯៣

αž¬β€‹ Facebook: https://www.facebook.com/anttrainning

Facebook Page: ANT Magazine

Facebook Group: https://www.facebook.com/groups/ANTTrGroup/

website: www.antkh.com

មតិ αž“αž·αž„β€‹αž™αŸ„αž”αž›αŸ‹β€‹αž‘αŸ…αž›αžΎβ€‹αž’αžαŸ’αžαž”αž‘β€‹αž“αŸαŸ‡ (តអម Facebook)

αžαžΆαž„αž€αŸ’αžšαŸ„αž˜β€‹αž“αŸαŸ‡β€‹αž‡αžΆβ€‹αž™αŸ„αž”αž›αŸ‹β€‹αž•αŸ’αžŸαŸαž„αŸ—β€‹αžšαž”αžŸαŸ‹β€‹αž’αŸ’αž“αž€αž‘αžŸαŸ’αžŸαž“αžΆ