Search This Blog
Subjects Lists
Wednesday, December 31, 2025
Happy Birthday wish using Python | Wish Happy Birthday using Python Turtle Graphics
Tuesday, December 30, 2025
Wish Happy New Year 2026 using Python Turtle Graphics | 2026 New Year Wish programming in Python Language | Python Turtle Graphics
Wish Happy New Year 2026 using Python Turtle Graphics
Your welcome to our website COMPUTER SOFT SKILLS, after reading this article you can make this in just 2 minutes.
THIS IS PYTHON PROGRAMMING TO Wish Happy New Year 2026.
Python Turtle Graphics
YOU CAN COPY THIS CODE AND SAVE IN YOUR SYSTEM.
This Programming created by Rohit, owner of Computer Soft Skills.
Yes you read it right! You can make that type of Project easily in Python application.
Wish Happy New Year 2026 using Python Turtle Graphics | 2026 New Year Wish programming in Python Language | Python Turtle Graphics
Wish Happy New Year 2026 using Python Turtle Graphics
Your welcome to our website COMPUTER SOFT SKILLS, after reading this article you can make this in just 2 minutes.
THIS IS PYTHON PROGRAMMING TO Wish Happy New Year 2026.
Python Turtle Graphics
YOU CAN COPY THIS CODE AND SAVE IN YOUR SYSTEM.
This Programming created by Rohit, owner of Computer Soft Skills.
Yes you read it right! You can make that type of Project easily in Python application.
If you like this Python Programming then share it with your friends, Thanks.
Happy New Year 2026 wish using HTML and CSS | Firework animation In HTML and CSS | Animation Using HTML and CSS
Happy New Year 2026 wish Using HTML and CSS
<!-- WELCOME ALL OF YOU ON COMPUTER SOFT SKILLS CHANNEL ------>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Happy New Year 2026</title>
<style>
*, *:after, *:before{
box-sizing:border-box;
margin:0;
padding:0;
-webkit-transition: all 100ms ease-in;
transition: all 100ms ease-in;
}
html{
background:
linear-gradient(black);
margin: 0;
height: 100vh;
overflow: hidden;
}
.hny{
width: 100%;
font-family: arial;
font-size: 100px;
font-weight: 700;
color: yellow;
text-align: center;
position: absolute;
top: 50%;
opacity: 0;
animation: vem_hny 2s ease-in-out 7s forwards;
}
.dm{
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: hidden;
padding: 150px 160px 0px 0px;
}
.dm>span{
font-family: 'Montserrat', sans-serif;
font-size: 160px;
font-weight: 800;
color: Red;
}
span.last5{
position: absolute;
right: 53%;
margin-right: -219px;
animation: vai_2016 5s ease-in-out 5s forwards;
}
span.new6{
position: absolute;
right: 0%;
margin-right: -219px;
animation: vem_2017 6s ease-in-out forwards;
}
.balloon{
width: 150px;
height: 150px;
display: block;
background: green;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -165px;
right: 0%;
margin-right: -200px;
animation: vem_e_vai_balloon 10s ease-in-out forwards;
}
.balloon:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 10px;
border-color: transparent transparent green transparent;
position: absolute;
left: 50%;
margin-left: -10px;
bottom: -10px;
z-index: -1;
}
.balloon:after{
content: '';
width: 4px;
height: 100px;
display: block;
background: red;
border-radius: 0px 0px 3px 3px;
position: absolute;
left: 50%;
margin-left: -2px;
bottom: -110px;
}
@keyframes vem_2017 {
0% {
right: 0%;
}
66.6666% {
right: 50%;
margin-right: -300px;
}
90% {
right: 50%;
margin-right: -300px;
}
100% {
right: 50%;
}
}
@keyframes vem_e_vai_balloon {
0% {
right: 0%;
}
40% {
right: 50%;
margin-right: -300px;
}
50% {
right: 50%;
margin-right: -200px;
top: 50%;
}
100% {
top: -100%;
right: 50%;
}
}
@keyframes entrega_balloon {
0% {
transform: rotate(-30deg);
width: 40px;
}
100% {
transform: rotate(-150deg);
width: 70px;
}
}
@keyframes vai_2016 {
0% {
top: 50%;
}
100% {
top: -100%;
}
}
@keyframes vem_hny {
0% {
margin-top: 0px;
opacity: 0;
}
100% {
margin-top: -200px;
opacity: 1;
}
}
@keyframes firework {
0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }
50% { width: 0.5vmin; opacity: 1; }
100% { width: var(--finalSize); opacity: 0; }
}
/* @keyframes fireworkPseudo {
0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }
50% { width: 0.5vmin; opacity: 1; }
100% { width: var(--finalSize); opacity: 0; }
}
*/
.firework,
.firework::before,
.firework::after
{
--initialSize: 0.5vmin;
--finalSize: 45vmin;
--particleSize: 0.2vmin;
--color1: yellow;
--color2: khaki;
--color3: white;
--color4: lime;
--color5: gold;
--color6: mediumseagreen;
--y: -30vmin;
--x: -50%;
--initialY: 60vmin;
content: "";
animation: firework 2s infinite;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, var(--y));
width: var(--initialSize);
aspect-ratio: 1;
background:
/*
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,
*/
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,
radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,
/* bottom right */
radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,
/* bottom left */
radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,
/* top left */
radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,
/* top right */
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
;
background-size: var(--initialSize) var(--initialSize);
background-repeat: no-repeat;
}
.firework::before {
--x: -50%;
--y: -50%;
--initialY: -50%;
}
.firework::after {
--x: -50%;
--y: -50%;
--initialY: -50%;
}
.firework:nth-child(2) {
--x: 30vmin;
}
.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
--color1: pink;
--color2: violet;
--color3: fuchsia;
--color4: orchid;
--color5: plum;
--color6: lavender;
--finalSize: 40vmin;
left: 30%;
top: 60%;
animation-delay: -0.25s;
}
.firework:nth-child(3) {
--x: -20vmin;
--y: -50vmin;
}
.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
--color1: red;
--color2: green;
--color3: blue;
--color4: orange;
--color5: SkyBlue;
--color6: purple;
--finalSize: 35vmin;
left: 70%;
top: 60%;
animation-delay: -0.10s;
}
</style>
</head>
<body>
<div class="firework"></div>
<div class="firework"></div>
<div class="firework"></div>
<div class="hny">Happy New Year</div>
<div class="dm">
<span>202</span>
<span class="last5">5</span>
<span class="new6">6</span>
<div class="balloon"></div>
</div>
</div>
</body>
</html>
<!--___________= LIKE =_______= SHARE =_________= SUBSCRIBE =___________--!>
Featured Post
Happy Republic Day Wish Using HTML and CSS | 26 January wish using HTML/CSS
Happy Republic Day Wish Using HTML and CSS, 26 January wish using HTML/CSS <!-- WELCOME ALL OF YOU ON COMPUTER SOFT SKILLS CHANNEL -----...
Popular Posts
-
//...........WELCOE ALL OF YOU ON ROHIT TECH STUDY CHANNEL.................// //....>>>>>.......C++ PROGRAM TO DRAW HEART AN...
-
MOCING TRAIN PROJECT IN C++ LANGUAGE //.......... WELCOME ALL OF YOU ON ROHIT TECH STUDY CHANNEL................// //,,,,, ,,,,, C++ PROGRA...
-
3D CAR ANIMATION IN C++ LANGUAGE | C++ PROJECT Download source code // WELCOME ALL OF YOU ON ROHIT TECH STUDY CHANNEL // // Animated 3D Ca...
