اذهب إلى المحتوى
  • 0

وضع تأثيرات على نص في صفحة html

Krnoop Upp

السؤال

السلام عليكم... 

اردت وضع تأثيرات متحرك على نص في صفحةhtml 

اخذته من http://tobiasahlin.com/moving-letters/#6

عملت ملفات لل ccs و js وربطتهم هكذا بالملف html ال css نجح واصبح فعال على النص اما المشكلة في js 

طبعاً بتلاحظ A1.js سويتها اكثر من مره لاني جربت اربطها بكل الطريقتين فردياً بس مانجح حتى الان.ابي اطريقة كيف وشكراً 

<!doctype html>
<html lang="en"
<head>

<meta charset="utf-8">
<title>HI </title>
<link rel="stylesheet" href="css/style.css">
<script>src="A1.js"></script>
</head>


<body>
<h1 class="ml6">
  <span class="text-wrapper">
    <span class="letters">Beautiful Questions</span>
  </span>
</h1>
<script src="A1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
</body>

وسوال اخر 

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> 

هذا وش فايدة اقدر استغني عنه ؟!

 

تم التعديل في بواسطة Krnoop Upp
رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لديك قوس <  اضافي قم بازالته.

<script>src="A1.js"></script>
  
  Should be
<script src="A1.js"></script>

اعتقد ان هذا الملف مسؤول عن بعض animation، يمكنك ازالته، وتشغيل الصفحة من جديد، وفي حال لم يكن هناك فرق يمكنك ازالته.

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script> 

 

بالتوفيق،،،

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...