تکرار متن همراه با افکت سایه » پارسیان دیزاین | آموزش | قالب

جدید ترین قالب ها

نرم افزار طراحی قالب |2.3 Artisteer
قالب زیبای سرگرمی
قالب موبایل
قالب فانتزی
قالب زیبای دانلود
قالب کلاسیک
قالب موبایل
قالب شیک
قالب نقاشی
قالب زیبای بازی

جدیدترین ابزار فوتوشاپ

براش گل و بوته 2
وکتور گل و بوته 1
براش دود 2
براش گل و بوته 1
لوگو های وردپرس نوروز 89
تقویم ها سال 1389 (طراحی عرفان)
وکتور و براش گل
مجموعه مجلات گرافیک نو
اکشن تغییر رنگ
براش کویر

جدیدترین آموزش ها

قرار دادن فایل صوتی | جی کوئری
ده نکته برای افزایش سرعت بارگزاری صفحات وب
ساخت مکعب توسط سی اس اس
کمی سر به سر دزدان سی اس اس بگذارید
افکت به فرم
تغییر سایز متن
پرواز متن توسط جی کوئری
افکت متن سال جدید میلادی
تکرار متن همراه با افکت سایه
آموزش متن نخ و سوزنی

تکرار متن همراه با افکت سایه

224	موضوع : وبلاگ نويسي, برنامه نویسی وب, ابزار وبلاگ و وبمستر تعداد بازدید :302 \| تاریخ ارسال : 22 دي 1388

سلام دوستان دوباره یک آموزش دیگر با سی اس اس برای شما اماده کردم که فوق العاده ساده هستش. به کمک این آموزش شما یک متن را دوباره تکرار می کنید. و درصد نمایش هر کدام فرق داره . جالب هستش پیشنهاد می کنم مشاهده کنید. کلاً 5 خط نمی شه .

یک سند اچ تی ام ال باز کنید. و مقدار زیر را به آن وارد کنید.

<h1>Hello</h1>

خوب حالا باید دستورات سی اس اس را بین تگ ها زیر وارد کنید.

کد سی اس اس شما :

h1 {
    display: inline;
    position: relative;
    font: 200px Helvetica, Sans-Serif;
    letter-spacing: -5px;
    color: rgba(0,0,255,0.5);
}

h1:after {
    content: "Hello";
    position: absolute; left: 10px; top: 5px;
    color: rgba(255,0,0,0.5);
}

مشاهده ی دمو
خسته نباشید
محمدرضا موسوی

رمز فایل : www.Parsian-Design.com

مطالب مشابه

افکت به فرم

آموزش سئو | جلسه چهارم

چرخش متن توسط سی اس اس Css

آموزش متن نخ و سوزنی

افکت نقطه ای و راه راه توسط سی اس اس

ساخت مکعب توسط سی اس اس

منوی ساید شو | جی کوئری

افکت متن سال جدید میلادی