کدهای جذاب و دیدنی ( Decorative Text Underline ) : قرار دادن Underline زیبا برای متن

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۰۵ اردیبهشت ۱۳۹۶

فهرست محتوای این مقاله

    در این قسمت میخوام یک کد ( Decorative Text Underline ) جالب رو در اختیارتون بزارم.

    Decorative Text Underline

    همونطور که دیدید تعدادی متن با سایزهای مختلف در بالا و پایین صفحه قرار داده شدن و فرقی که با هم دارن، استایل Underline اونا هست. همونطور که میبینید در متن های بالا، زمانی که حروف از روی Underline رد میشن و اون رو قطع میکنن، اطراف حروف به زیبایی خالی میشه و مثل این میمونه که Underline شکسته شکسنه هست. این استایل با استفاده از Box-shadow و Text-shadow به وجود اومده.

    بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

    موفق باشید.

    یا علی

    Source

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

    نظرات کاربران

    Amirhossein Omidi

    سلام من میخوام برنامه نویسی رو یاد بگیرم و هیچی هم بلد نیستم ازش
    خواستم بپرسم که یه دوره آموزشی کامل بافیلم(از 0تا 100) برنامه نویسی قیمتش چقدر هست و چجوری باید دریافتش کنم؟
    (برای اندروید)

    پشتیبانی سون لرن

    سلام دوست عزیز شما برای ثبت نام دردوره اندروید به لینک مراجعه فرمایید تمام مشخصات وسرفصل های دوره دراین قسمت وجود دارد.

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

     
    گزارش مشکل