[Blogger] إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية css3
صفحة 1 من اصل 1 • شاطر
السلام عليكم
اليوم معنا إضافة جميلة بتقنية الـ CSS3 الأضافة تساعد الزائر على اختيار المتصفح المناسب له
اليوم معنا إضافة جميلة بتقنية الـ CSS3 الأضافة تساعد الزائر على اختيار المتصفح المناسب له
|
طريقة التركيب :
ادخل التخطيط , إضافة أداة , HTMLJavaScript==) انسخ والصق هذا الكود
ادخل التخطيط , إضافة أداة , HTMLJavaScript==) انسخ والصق هذا الكود
- الكود:
<center>
<div class="hovergallery">
<a href='https://www.google.com/intl/ar/chrome/browser/'><img class='logo' src='http://im37.gulfup.com/YLcCM.png'/></a><a href='https://www.mozilla.org/en-US/firefox/new/?utm_source=firefox-com&utm_medium=referral'><img class='logo' src='http://im37.gulfup.com/pKuJG.png'/></a><a href='http://windows.microsoft.com/en-us/internet-explorer/download-ie'><img class='logo' src='http://im37.gulfup.com/Mo1Lg.png'/></a></div>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
.hovergallery img{-webkit-transform:scale(0.8); /*Webkit: Scale down
image to 0.8x original size*/-moz-transform:scale(0.8); /*Mozilla scale
version*/-o-transform:scale(0.8); /*Opera scale
version*/-webkit-transition-duration: 0.5s; /*Webkit: Animation
duration*/-moz-transition-duration: 0.5s; /*Mozilla duration
version*/-o-transition-duration: 0.5s; /*Opera duration
version*/opacity: 0.7; /*initial opacity of images*/margin: 0 10px 5px
0; /*margin between images*/}
.hovergallery img:hover{-webkit-transform:scale(1.1); /*Webkit: Scale up
image to 1.2x original size*/-moz-transform:scale(1.1); /*Mozilla scale
version*/-o-transform:scale(1.1); /*Opera scale version*/box-shadow:0px
0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around
image*/-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow
version*/-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow
version*/opacity: 1;}
</style><div class="hovergallery">
<a href='http://www.apple.com/safari/'><img class='logo' src='http://im37.gulfup.com/SxtCs.png'/></a><a href='http://www.opera.com/ar/computer/windows'><img class='logo' src='http://im37.gulfup.com/VDQ21.png'/></a><a href='http://rockmelt.com/download'><img class='logo' src='http://im37.gulfup.com/xrJcf.png'/></a></div>
<style type="text/css"></style></center>
و مبروك عليك الإضافة حبيبي
- AsheK WalhaNمؤسس المنتدى
-
عدد المساهمات : 5608
نقاط : 18641
تقييم العضو : 44
تاريخ الميلاد : 21/03/1995
العمـر : 29
موضوع رائع بوركت
مواضيع مماثلة
للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل
يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى