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 =___________--!>
Sunday, September 7, 2025
Creative 3D Animation using HTML and CSS | CSS Animation Project
Creative 3D Animation using HTML and CSS | CSS Animation Project
<!-- WELCOME ALL OF YOU ON COMPUTER SOFT SKILLS CHANNEL ---!>
<!DOCTYPE html>
<html lang="en">
<head>
<style>
* {
margin:0 ;
padding: 0;
box-sizing: border-box;
}
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #2E0500;
overflow: hidden;
}
.container {
position: absolute;
top: 20%;
height: 90%;
display: flex;
justify-content: center;
align-items: center;
}
.circle {
position: absolute;
background: transparent;
width: calc(var(--i) * 5vmin);
aspect-ratio: .95;
border-radius: 50%;
border: 4px solid rgb(0, 255, 13);
transform-style: preserve-3d;
transform: rotateX(70deg) translateZ(50px);
animation: animate 3s ease-in-out calc(var(--i) * 0.08s) infinite;
box-shadow: 0 0 15px rgb(124, 124, 124),
inset 0 0 15px rgb(124, 124, 124);
}
@keyframes animate {
0%, 100% {
transform: rotateX(70deg) translateZ(50px) translateY(0);
filter: hue-rotate(0);
}
50% {
transform: rotateX(70deg) translateZ(50px) translateY(-50vmin);
filter: hue-rotate(360deg);
}
}
</style>
</head>
<body>
<div class="container">
<div class="circle" style="--i:0;"></div>
<div class="circle" style="--i:1;"></div>
<div class="circle" style="--i:2;"></div>
<div class="circle" style="--i:3;"></div>
<div class="circle" style="--i:4;"></div>
<div class="circle" style="--i:5;"></div>
<div class="circle" style="--i:6;"></div>
<div class="circle" style="--i:7;"></div>
<div class="circle" style="--i:8;"></div>
<div class="circle" style="--i:9;"></div>
<div class="circle" style="--i:10;"></div>
<div class="circle" style="--i:11;"></div>
<div class="circle" style="--i:12;"></div>
<div class="circle" style="--i:13;"></div>
<div class="circle" style="--i:14;"></div>
<div class="circle" style="--i:15;"></div>
<div class="circle" style="--i:16;"></div>
<div class="circle" style="--i:17;"></div>
<div class="circle" style="--i:18;"></div>
<div class="circle" style="--i:19;"></div>
<div class="circle" style="--i:20;"></div>
</div>
</body>
</html>
<!--___________= LIKE =_______= SHARE =_________= SUBSCRIBE =___________--!>
![]() |
Wednesday, August 20, 2025
Using C++ Graphics Language Create a MINION Drawing, Minion Drawing using C++
DRAW MINION USING C++ GRAPHICS PROGRAMMING, C++ PROGRAMMING
Your welcome to our website COMPUTER SOFT SKILLS, after reading this article you can make this in just 2 minutes.
THIS IS A C++ PROGRAMMING TO DRAW MINION.
How to draw Minion using C++ 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 C++ application.
If you like this C++ Programming then share it with your friends, Thanks.
Wednesday, July 16, 2025
Draw Om symbol Using Python Turtle Graphics
DRAW OM SYMBOL USING PYTHON PROGRAMMING, 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 DRAW FLOWER.
How to draw OM Symbol using Python Turtle.
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.
OM DESIGN USING PYTHON TURTLE GRAPHICS, OM DESING WITH MANTRA IN PYTHON LANGUAGE
DRAW OM DESIGN USING PYTHON TURTLE GRAPHICS, OM DESING WITH MANTRA IN PYTHON LANGUAGE
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 DRAW FLOWER.
How to draw OM DESIGN using Python Turtle.
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.
Create Om Logo Using Python Turtle Graphics
DRAW OM LOGO USING PYTHON PROGRAMMING, 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 DRAW FLOWER.
How to draw OM LOGO using Python Turtle.
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.
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...


