Skip to content

Update Lời Chúc 20/10 #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
linhphuong10022009-hue wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update Lời Chúc 20/10 #27

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 5 additions & 68 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1182,73 +1182,10 @@ <h2></h2>
var leafOne = document.querySelector('.leafOne');
var stickLine = document.querySelector('.stickLine');
var leafTwo = document.querySelector('.leafTwo');
var leafS1 = document.querySelector('.leafS1');
var rose1 = document.querySelector('.rose1');
var rose2 = document.querySelector('.rose2');
var rose3 = document.querySelector('.rose3');
var rose4 = document.querySelector('.rose4');

var lineDrawing = anime({
targets: [leafOne, stickLine, leafTwo, leafS1, rose1, rose2, rose3, rose4],
strokeDashoffset: [anime.setDashoffset, 0],
easing: 'easeInOutCubic',
duration: 4000,
begin: function (anim) {
//Leaf One
leafOne.setAttribute("stroke", "black");
leafOne.setAttribute("fill", "none");
// Leaf Two
leafTwo.setAttribute("stroke", "black");
leafTwo.setAttribute("fill", "none");
//Stick
stickLine.setAttribute("stroke", "black");
stickLine.setAttribute("fill", "none");
// Leaf S1
leafS1.setAttribute("stroke", "black");
leafS1.setAttribute("fill", "none");
//Rose One
rose1.setAttribute("stroke", "black");
rose1.setAttribute("fill", "none");
//Rose Two
rose2.setAttribute("stroke", "black");
rose2.setAttribute("fill", "none");
//Rose Three
rose3.setAttribute("stroke", "black");
rose3.setAttribute("fill", "none");
//Rose Three
rose4.setAttribute("stroke", "black");
rose4.setAttribute("fill", "none");
},
complete: function (anim) {
//Leaf One
leafOne.setAttribute("fill", "#9CDD05");
leafOne.setAttribute("stroke", "none");
//Leaf Two
leafTwo.setAttribute("fill", "#9CDD05");
leafTwo.setAttribute("stroke", "none");
//Stick
stickLine.setAttribute("fill", "#83AA2E");
stickLine.setAttribute("stroke", "none");
// Leaf S1
leafS1.setAttribute("fill", "#9CDD05");
leafS1.setAttribute("stroke", "none");
// Rose 1
rose1.setAttribute("fill", "#F37D79");
rose1.setAttribute("stroke", "none");
// Rose 2
rose2.setAttribute("fill", "#D86666");
rose2.setAttribute("stroke", "none");
// Rose 3
rose3.setAttribute("fill", "#F37D79");
rose3.setAttribute("stroke", "none");
// Rose 3
rose4.setAttribute("fill", "#D86666");
rose4.setAttribute("stroke", "none");
},
autoplay: true,
});

</script>
<div class="container">
<h2>Gửi Cô Đỗ Thị Kim Oanh!</h2>
<p>Hôm nay là ngày 20/10 em chúc cô luôn hạnh phúc và gặp nhiều may mắn trong cuộc sống nhá.</p>
<p>Hãy luôn giữ mãi nụ cười trên môi nhá và đừng suy nghĩ nhiều về những thứ không đáng nha.</p>
</div>
</body>

</html>