عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

کد امنیتی برای بروزرسانی کد امنیتی روی تصویر کلیک کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1096 آموزش و 1889 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

ساخت متن سه بعدی با html,css (همراه با سورس)

سلام

با Css کارهای خیلی جذابی میشه انجام داد، در این مقاله میخوایم یاد بگیریم که چطوری میتونیم یک متن سه بعدی جذاب همراه با انمییشن بسازیم، متنی که میخوایم بسازیم به صورا زیر خواهد بود، در ادامه همراه بپرسم باشید.

بپرسم

بپرسم

در این مثال، یک ترفند CSS را معرفی می‌کنم:- :nth-child

ابتدا باید یاد بگیرید که nth-child  چطوری کار میکند و منظور ما از ۵n+1 چی هست:

با استفاده از این ترفند CSS می توانید رنگ ضربه و تاخیر انیمیشن را روی عنصر خود تنظیم کنید. در بخش رنگ، می توانید رنگ مورد علاقه خود را انتخاب کنید و تاخیر انیمیشن را بر اساس سازگاری مرورگر انتخاب کنید.

در بخش HTML، باید تگ SVG را با چند نود فرزند پیاده سازی کنید. برای این مثال من از یک تگ ساده به عنوان موارد استفاده چندگانه استفاده کرده ام، به عنوان مثال:

متوجه نشدید؟! نگران نباشید بیاید تا از ابتدای کار پیش بریم، در انتهای آموزش سورس را میتوانید دانلود کنید.

مطلب پیشنهادی:  دانلود سورس بازی اندروید خرگوش تیر انداز(فارسی)

کدهای HTML:

کدهای CSS:

مطلب پیشنهادی:  آموزش Corel Video Studio - قسمت اول(مقدمه)

کار به اتمام رسید؛ به همین راحتی تونستید یک متن سه بعدی همراه با انمیشن جذاب با CSS بسازید. سورس را در انتهای آموزش میتوانید دانلود کنید.

مطلب پیشنهادی:  آموزش پیشرفته PHP - سشن(Session)

موفق باشید.


دانلود: سورس متن سه بعدی با html


پيش نمايش: کليک کنيد


حجم: 225 کیلوبایت


رمز فايل فشرده: www.beporsam.ir



اگر در رابطه با مطلب بالا سوالي يا مشکلي داريد ميتوانيد سوال خود را در سايت بپرسيد، کاربران سايت پاسخگوي سوالات شما خواهند بود.


عضويت در سايت


پرسيدن سوال


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

طراح و برنامه نویس وب| تعمیرکار کامپیوتر و ماشین های اداری | علاقه مند یادگیری و یاددادن ... :)

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

بپرسم را میتوان به عنوان مرجعی برای آموزش و حل مشکلات دانست، در بپرسم سعی کرده ایم آموزش های برنامه نویسی، طراحی سایت، کار با نرم افزارها ها و… را آموزش دهیم. همچنین محیطی فراهم کرده ایم تا کاربران بتوانند در این محیط سوالات خود را بپرسند و مشکل خود را حل کنند.