اكتشف اين هي الخدعة في الصورة

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

لو نفذنا او دمجنا الكود السابق مع هذ الكود سوف نحصل على شكل رائع لصور وع الوصف مع لغة css

اليك الكود
حول ان تكتشف الخدعة في الصورة

<style type="text/css">
a.nowandthen{
position:relative;
display: block;
overflow:hidden;
cursor: pointer;
width: 650px;
height: 434px;
}

a.nowandthen img{
position:absolute;
left:0;
top:0;
width: 100%;
height: 100%;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 2;
clip: rect(0,650px,434px,0);
}

a.nowandthen img:nth-of-type(2){
z-index: 1;
}

a.nowandthen:hover img:nth-of-type(1){
clip: rect(0,0,434px,0);
opacity: 0;
}

a.nowandthen.alt{
width: 300px;
height: 354px;
}

a.nowandthen.alt img{
clip: rect(0,300px,354px,0);
}

a.nowandthen.alt:hover img:nth-of-type(1){
clip: rect(0,0,354px,0);
}

</style>

<body>
<a class="nowandthen">
<img src="https://2img.net/r/ihimizer/img526/8063/beforejt.jpg" alt="">
<img src="https://2img.net/r/ihimizer/img52/75/afteruc.jpg" alt="">
</a>

<a class="nowandthen alt">
<img src="https://2img.net/r/ihimizer/img23/3189/before2f.jpg" alt="">
<img src="https://2img.net/r/ihimizer/img824/2466/after2g.jpg" alt="">
</a>

</body>

» الكمون......اكتشف فوائده
» اكتشف شخصيتك فقط من خلال طريقة كلامك
» كود لتكبير الصورة
» كود تغيير الصورة
» كود منع تسجيل الصورة

مكتب ديكور و تشطيب (شركه عقاري للتشطيبات والديكور)

تقدم احدث الموديلات

…

[ قراءة كاملة ]

شركات ديكور في المهندسين ( عقاري للاسكان 01020115119)

تقدم شركة عقاري للاسكان …

[ قراءة كاملة ]

سأتحدث عن الإيمان الكامل بان
ما يحرمه الله عن البشر ..

فهو بالتأكيد لمصلحة البشر …

[ قراءة كاملة ]