السلام عليكم ورحمة الله وبركاته
اليوم من خلال هذا الدرس البسيط سوف أقوم بشرح تأثير يحول أو يضيف حركه إلى الصور بتقنية ال3d أو ثلالثية الأبعاد
الكود يعتمد على تأثير css وهي اللغة التي تبرمج بها التأثيرات للhtml اللإضافة سهله جدا كل ماعليك فعلة
هو إتباع هذه الخطوات :
الخطوات :
توجة إلى blogger.com لوحه التحكم
إختار المدونة التي تريد
توجه إلى قالب
ثم إلى تحرير html
و إبحث عن الكود التالي :
]]></b:skin>
- ثم أضف قبلة هذا الكود :
.post img {
border:10px solid #fff;
overflow:hidden;
-webkit-box-shadow:5px 5px 5px #111;
box-shadow:5px 5px 5px #111;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
margin:20px;
}
.post img:hover {
border-radius:50%;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
بعد ذلك قم بحفظ القالب
ليست هناك تعليقات:
إرسال تعليق