ijquery

اسلایدر زیبا در پس زمینه فقط با CSS3

screenshot

با استفاده از CSS3 می توانید پس زمینه خود را به یک اسلایدر زیبا با افکتهای جذاب تبدیل کنید

آموزش استفاده از اسلایدر

 

برای استفاده از این اسلایدر ابتدا کدهای زیر را در داخل تگهای <head> قرار دهید

<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />

سپس قطعه کد html زیر را در داخل تگ <body> قرار دهید و برای تک body آی دی page را اضافه کنید در کل باید یه چیزی شبیه کد زی داشته باشید

    <body id="page">
        <ul class="cb-slideshow">
            <li><span>Image 01</span><div><h3>re·lax·a·tion</h3></div></li>
            <li><span>Image 02</span><div><h3>qui·e·tude</h3></div></li>
            <li><span>Image 03</span><div><h3>bal·ance</h3></div></li>
            <li><span>Image 04</span><div><h3>e·qua·nim·i·ty</h3></div></li>
            <li><span>Image 05</span><div><h3>com·po·sure</h3></div></li>
            <li><span>Image 06</span><div><h3>se·ren·i·ty</h3></div></li>
        </ul>
    </body>

 

 

 


پیش نمایش دانلود فایل پلاگین

16 دیدگاه دربارهٔ «اسلایدر زیبا در پس زمینه فقط با CSS3»

  1. امیر اللهیاری

    سلام من اینو میزارم در قالبم

    بعد که نگاه سایتم می کنم می بینم تصاویر همه روی قالب نشون می ده به جای بک گراند

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *