استایل زیبا برای link ( قسمت 19 )



visibility  
mode_comment   ۶

در این مطلب میخوام استایلی زیبا برای لینک ( link ) قرار بدم.

 

info نکته :

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

کد HTML :

کد CSS :

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

7Learn Experts
comment دیدگاه کاربران
n.j j replyپاسخ

ممنون بابت آموزش ، بسیار جالب و مفید بود

محمد اسفندیاری

خواهش میکنم دوست عزیز
موفق باشید

دلگویه replyپاسخ

خیلی عالی بود واقعا ممنون

محمد اسفندیاری

موفق باشید

وحید replyپاسخ

سلام اگر بخوام زا این استایل برای لینک دانلود فایل استفاده کنم چه طوری باید اونو تو سایتم قرار بدم
فایل css رو باید کجا قرار بدم ؟چه طوری باید فراخوانی کنم؟
خواهش می کنم کمک کنید؟؟

محمد اسفندیاری

ببینید دوست عزیز باید لینک مورد نظرتون رو درون یک div قرار بدین با کلاس cl-effect-19
بعد از اون باید درون تگ a ، یک تگ span قرار بدین و متن مورد نظرتون رو درونش بنویسید…..بعد از اون به span مورد نظر یک خصوصیت بنام data-hover اضافه کنید و مقدار اون رو برابر با همون چیزی بزارین که درون span گذاشتین
بعد از اون هم تمام کدهای CSS رو در فایل CSS خودتون کپی کنید….مثل همیشه
موفق باشید

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :