كيفية جعل من صور بلوجر ثلاثية الأبعاد

السلام عليكم ورحمة الله وبركاته

اليوم من خلال هذا الدرس البسيط سوف أقوم بشرح تأثير يحول أو يضيف حركه إلى الصور بتقنية ال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);
}

بعد ذلك قم بحفظ القالب