فواصل » عمل،تكبير،وتصغير،لعنصر،معين،بلنقر،تصميم،مواقع،شرح،فيديو،برمجه، http://portal.fwasl.com Wed, 16 Oct 2019 18:49:35 +0000 ar hourly 1 https://wordpress.org/?v=3.9.40 عمل تكبير وتصغير لعنصر معين بالنقر http://portal.fwasl.com/%d8%b9%d9%85%d9%84-%d8%aa%d9%83%d8%a8%d9%8a%d8%b1-%d9%88%d8%aa%d8%b5%d8%ba%d9%8a%d8%b1-%d9%84%d8%b9%d9%86%d8%b5%d8%b1-%d9%85%d8%b9%d9%8a%d9%86-%d8%a8%d8%a7%d9%84%d9%86%d9%82%d8%b1/ http://portal.fwasl.com/%d8%b9%d9%85%d9%84-%d8%aa%d9%83%d8%a8%d9%8a%d8%b1-%d9%88%d8%aa%d8%b5%d8%ba%d9%8a%d8%b1-%d9%84%d8%b9%d9%86%d8%b5%d8%b1-%d9%85%d8%b9%d9%8a%d9%86-%d8%a8%d8%a7%d9%84%d9%86%d9%82%d8%b1/#comments Sun, 08 Jan 2012 14:38:45 +0000 http://www.portal.fwasl.com/?p=7645 في تلميح سريع الفيديو اليوم، وسوف تظهر لك أسلوب أنيق : سنستخدم CSS سهل وبسيط لتقليد أحداث فوق. المفتاح هو استخدام مفيدة : فئة المستهدفة الزائفة.

الفيديو اليوم سوف يقوم بعمل اسلوب عرض أنيق لمحتوي موقعك او لعناصر معينه في الموقع تقوم بتسليط الضوء عليها باستخدام CSS :

[html]

view plaincopy to clipboardprint?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<style>
figure { background: #e3e3e3; display: block; float: left;}
#zoom {
width: 200px;
-webkit-transition: width 1s;
-moz-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}

/* Compliance = IE8+, Firefox 2+, Safari, Chrome, Opera 10+ */
#zoom:target {
width: 400px;
}
</style>
</head>
<body>
<h1> "Click" Effect with CSS </h1>
<figure>
<img id="zoom" src="http://d2o0t5hpnwv4c1.cloudfront.net/871_dryEE/dry-ee.png" alt="EE" />
<figcaption>
<ul>
<li>
<a href="#zoom">Zoom In</a>
</li>
<li>
<a href="#">Zoom Out</a>
</li>
</ul>
</figcaption>
</figure>
</body>
</html>
[/html] ]]> http://portal.fwasl.com/%d8%b9%d9%85%d9%84-%d8%aa%d9%83%d8%a8%d9%8a%d8%b1-%d9%88%d8%aa%d8%b5%d8%ba%d9%8a%d8%b1-%d9%84%d8%b9%d9%86%d8%b5%d8%b1-%d9%85%d8%b9%d9%8a%d9%86-%d8%a8%d8%a7%d9%84%d9%86%d9%82%d8%b1/feed/ 1