سون لرن • آموزش

متن مرتبط با «نمونه» در سایت سون لرن • آموزش نوشته شده است

کارنکردن دکمه بروزرسانی در قسمت دسته بندی های نمونه کار سایت وردپرسی

  • نیلوبلاگ

    سلام بعد از تغییر هاست دچار مشکل کار نکردن دکمه بروزرسانی شدم چه اقدامی میتونم برای حل این مشکل انجام بدم؟؟؟به نظرتون مشکل از کجاست؟ 1 نوشته - 1 participants مشاهده متن کامل موضوع ...

    ادامه مطلب
  • افکت زیبا برای دکمه - Distorted Button Effects (نمونه 5)

  • نیلوبلاگ

    افکت زیبا برای دکمه - Distorted Button Effects (نمونه 5) • سون لرن آيا مي دانيد ميانگين رضايت دانشجويان سون لرن از دوره ها، بيش از ٩٣% مي باشد! ...

    ادامه مطلب
  • افکت زیبا برای دکمه - Distorted Button Effects (نمونه 4)

  • نیلوبلاگ

    افکت زیبا برای دکمه - Distorted Button Effects (نمونه 4) • سون لرن آيا مي دانيد ميانگين رضايت دانشجويان سون لرن از دوره ها، بيش از ٩٣% مي باشد! ...

    ادامه مطلب
  • افکت زیبا برای دکمه - Distorted Button Effects (نمونه 3)

  • نیلوبلاگ

    در این مطلب نمونه 3 از افکت زیبا برای ž...

    ادامه مطلب
  • انیمیشن زیبا برای نمایش تولتیپ - Tooltip Animations ( نمونه 11)

  • نیلوبلاگ

    { const config = { in: { base: { duration: 1, delay: 100, easing: 'linear', opacity: 1, translateY: { value: [-40,0], duration: 800, easing: 'easeOutElastic' } }, path: { duration: 600, easing: 'easeInOutSine', strokeDashoffset: [anime.setDashoffset, 0], fill: { value: '#141514', duration: 400, delay: 500, easing: 'linear' } }, ...

    ادامه مطلب
  • انیمیشن زیبا برای نمایش تولتیپ - Tooltip Animations ( نمونه 10)

  • نیلوبلاگ

    { const config = { in: { base: { duration: 1, delay: 100, easing: 'linear', opacity: 1 }, path: { duration: 1000, easing: 'easeOutExpo', delay: function(t,i) { retu i*150; }, scale: [0,1], translateY: function(t,i,c) { retu i === c-1 ? ['50%','0%'] : 0; }, rotate: function(t,i,c) { retu i === c-1 ? [90,0] : 0; } }, content: { ...

    ادامه مطلب
  • انیمیشن زیبا برای نمایش تولتیپ - Tooltip Animations ( نمونه 9)

  • نیلوبلاگ

    { const config = { in: { base: { duration: 1, delay: 50, easing: 'linear', opacity: 1 }, path: { duration: 800, delay: 100, easing: 'easeOutElastic', delay: function(t,i) { retu i*20; }, scale: [0,1], }, content: { duration: 300, delay: 250, easing: 'easeOutExpo', scale: [0.7,1], opacity: { value: 1, easing: 'linear', durat...

    ادامه مطلب
  • انیمیشن زیبا برای نمایش تولتیپ - Tooltip Animations ( نمونه 8)

  • نیلوبلاگ

    { const config = { in: { base: { duration: 500, easing: 'easeOutQuint', translateY: [100,0], opacity: { value: 1, duration: 50, easing: 'linear' } }, shape: { duration: 350, easing: 'easeOutBack', scaleY:{ value: [1.3,1], duration: 1300, easing: 'easeOutElastic', elasticity: 500 }, scaleX: { value: [0.3,1], duration: 1300, ...

    ادامه مطلب
  • انیمیشن زیبا برای نمایش تولتیپ - Tooltip Animations ( نمونه 7)

  • نیلوبلاگ

    { const config = { in: { base: { duration: 1, easing: 'linear', opacity: 1 }, path: { duration: 800, easing: 'easeOutQuint', rotate: [0,90], opacity: { value: 1, duration: 200, easing: 'linear' } }, content: { duration: 600, easing: 'easeOutQuint', translateX: [50,0], opacity: { value: 1, duration: 100, easing: 'linear' } ...

    ادامه مطلب