پرسش و پاسخ | استارتاپ استودیو موستانگ

0 رای

در پاسخ به: انیمیشن fade in با css

دقت کنین که چون انیمیشن css یک بار و موقع لود صفحه انجام میشه، المان هایی که با اسکرول نشون داده میشن دیگه این انیمیشن رو ندارن. برای اینکه همه المان ها بتونن این انیمیشن رو بگیرن لازمه تا از جاوااسکریپت هم استفاده کنید ( اگه از وردپرس استفاده میکنید و نمیدونید کجا و چطور باید جاوااسکریپت رو بذارید و ران کنید، این پست رو ببینید)

راه‌حل استاندارد با IntersectionObserver:

CSS:

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

HTML:

<div class="fade-in">بخش اول</div>
<div class="fade-in">بخش دوم</div>
<div class="fade-in">بخش سوم</div>

JAVASCRIPT:

const elements = document.querySelectorAll('.fade-in');

const observer = new IntersectionObserver(entries => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('show');
      observer.unobserve(entry.target); // فقط یکبار اجرا شود
    }
  });
}, {
  threshold: 0.2
});

elements.forEach(el => observer.observe(el));

موستانگ 1 ماه قبل پاسخ داد

0 رای

در پاسخ به: کامپوننت "تماس با واتساپ" برای react

برای پیاده سازی تماس با واتساپ می توانید از کامپوننت آماده react-whatsapp-floating-button استفاده کنید.

با دستور زیر نصبش کنید:

npm install @carlos8a/react-whatsapp-floating-button

بصورت زیر هم می توانید از آن استفاده کنید:

import { FloatingWhatsApp } from '@carlos8a/react-whatsapp-floating-button';

const App = () => {
  return (
    <div>
      <FloatingWhatsApp
        phoneNumber='5215540000000' // Required
        accountName='Carlos Ochoa' // Optional
        avatar='/images/avatar.webp' // Optional
        initialMessageByServer='Hi there! How can I assist you?' // Optional
        initialMessageByClient='Hello! I found your contact on your website. I would like to chat with you about...' // Optional
        statusMessage='Available' // Optional
        startChatText='Start chat with us' // Optional
        tooltipText='Need help? Click to chat!' // Optional
        allowEsc={true} // Optional
        // Explore all available props below
      />
    </div>
  );
};

export default App;

پارامترهای مختلفش را در لینک بالا ببینید.

موستانگ 1 سال قبل پاسخ داد

0 رای

در پاسخ به: انتقال داده بین سرورها

برای این کار می توانید دستور زیر را روی سرور قدیمی اجرا کنید (سیستم عامل سرور centos است):

scp -r -P portnum /data/in/source user@server_ip:/data/in/destination

[*]/data/in/source: آدرس داده ها در مبدا (سرور قدیمی) است

[*]/data/in/destination: آدرس داده ها در مقصد (سرور جدید) است

[*]server_ip: آدرس ip سرور جدید است.

[*]user: نام کاربری سرور جدید است (معمولاً root است)

[*]pass: پسورد نام کاربری سرور جدید است.

[*]portnum: شماره پورتی است که با ssh می توان به آن وصل شد (معمولاً 22 است)

موستانگ 2 سال قبل پاسخ داد
آخرین فعالیت در 2 سال قبل

0 رای

در پاسخ به: crop عکس بصورت دایره با css

این کار را خیلی راحت و بصورت زیر می توانید انجام دهید:

border-radius:50% !important;

موستانگ 3 سال قبل پاسخ داد

0 رای

در پاسخ به: نشان دادن فایل mov با تگ video

سلام دوست عزیز , تنها روش برای نمایش ویدیو از تگ video در html است من دو تا روش رو براتون میزارم تست کنید.

روش اول:

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/mp4">
</video>

روش دوم:

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/quicktime"> 
</video>

موستانگ 5 سال قبل پاسخ داد
آخرین فعالیت در 5 سال قبل

EN

شرکتی

فروشگاهی

شخصی

دوره های برنامه نویسی

مقاله های آموزشی

ویدیوهای کاربردی

زبان های برنامه نویسی

فریم ورک های محبوب

ابزارهای برنامه نویسان

درباره موستانگ

تماس با ما

پست ها توسط موستانگ

آژانس طراحی سایت موستانگ

راه های ارتباطی

لینک های مهم

برای برنامه نویسان: