10 افکت متنی ایجاد شده با CSS

10 افکت متنی ایجاد شده با CSS
​​یک متن زیبا یا یک تایپوگرافی مناسب میتواند جذابیت طراحی شما را برای کاربر افزایش دهد. در طراحی وب از CSS برای استایل دادن به طراحی استفاده میشود;  از جمله افکت دادن به یک متن برای جذابیت بیشتر آن.  در ادامه, این 10 افکت ایجاد شده با CSS را معرفی خواهیم کرد.
خرید شارژ ایرانسل
خرید شارژ ایرانسل، همراه اول، رایتل | خرید بسته های اینترنت ایرانسل | etore.ir
ردیاب
ردیاب آهنربایی پیام بهترین وسیله برای ردیابی وسیله نقلیه 09121394944
خودتان را اینجا معرفی کنید

 


1-Elastic Stroke Animation
این افکت توسط Yoksel با استفاده از CSS و SVG  به صورت خلاقانه ای طراحی شده و نتیجه کار زیبایی حاصل شده.
 


2-SVG Glitch
اگر دوست دارین متنتون افکت یک تلویزیون آنالوگ شکسته رو داشته باشه , Dirk Weber این افکت رو با فیلترهای CSS و SVG طراحی کرده.
​​


3-Slashed Effect
ایده ی این طرح از برش چاقو به ذهن Robet Messerle رسید و در کمتر از 70 خط کد CSS پیاده سازی شد.
 


4-Elegant Shadow Effect
با کدهای CSS زیر میتونید 4 افکت مختلف که توسط Juan Brujo طراحی شده رو به متن هاتون اضافه کنین.
​​


5-Foggy Text Effect
​افکت متن مه آلود که در مرورگرهای وب کیت به درستی کار میکنه و توسط Andreas طراحی شده.
​​


6-SVG Text Mask
افکت ماسک یک متن بر روی یک تصویر پس زمینه که توسط Marco Barria طراحی شده.
 


7-Text Animation
انیمیشن زیر توسط Yoann طراحی شده.
 


8-Hit The Floor
ThatGuySam افکت سه بعدی رو با کمک text shadow طراحی کرده.
 


9-CSS Text-FX
Moklik خیلی خلاقانه افکتی مثل فلش دوربین عکاسی به متنش داد.
 


10-Loading
یه افکت مناسب برای متن که از طریق پنهان کردن و سپس نمایش حروف بوجود اومده.
 
 

 

رضا مدیر وبسایت مجید آنلاین و عضو تیم طراحی در آرتیمان استودیو می باشد. از سال 87 برنامه نویسی را با زبان های خانواده C شروع کرد و بعد از 4 سال به سمت طراحی و برنامه نویسی تحت وب رفت. وی همزمان با تحصیل در مقطع کارشناسی رشته مهندسی کامپیوتر به امر ترجمه کتاب در حوزه برنامه نویسی مشغول بود که کتاب او در مرحله ویراستاری قرار دارد. به روز بودن و افزایش مستمر اطلاعات شخصی در زمینه وب دغدغه ی اصلی و همیشگی رضاست.

نظرات و سوالات کاربران

ارسال پاسخ میکائیل
میکائیل
جمعه ۱۲ خرداد ۱۳۹۶ ۰۷:۱۹
این افکت ها بی نظیر هستن.
لطفاً بیشتر از این کارها بزارید.