Обьектийн
хэмжээ өөрчлөх.
HTML код
<body>
<div></div> /*
муж тодорхойлох */
</body>
CSS код
<style>
div
{ /*
мужийн хэлбэр тодорхойлох */
width: 50px; /* мужийн
өргөн */
height: 50px; /* мужийн
өндөр */
background: red; /* мужийн өнгө */
transition-property: width; /* шилжилтийн
өөрчлөх шинж чанар */
transition-duration: 2s; /* шилжилтийн
үргэлжлэх хугацаа */
transition-timing-function: linear; /* шилжилтийн хурдатгалын төрөл
*/
transition-delay: 1s;} /* шилжилт
эхлэх хугацаа */
div:hover
{ /*
хулгана дээр нь очих үеийн хэлбэр тодорхойлох */
width: 300px; } /*
өргөн */
</style>
No comments:
Post a Comment