Tap on a clip to paste it in the text box.Welcome to Gboard clipboard, any text that you copy will be saved here.Use the edit icon to pin, add or delete clips.Touch and hold a clip to pin it. Unpinned clips will be deleted after 1 hour.
i just changed my major from mechanical engineering to software engineering bc i want to do front end website development. seeing this honestly has me so scared and overwhelmed
@@learning-axis i started learning html using codecademy earlier today. i got through all of the basic functions okay. i started to struggle a bit on table functions and that’s where i stopped for the day.
Hey there's a problem with your code and output.... Your written code does not make the span shrink and expand while rotating. You had to write this to do that output @keyframes de-rotating { form, to { transform: rotate(0deg) scale(1.2); } 50% { transform: rotate(-180deg) scale(0.5); } } Thank me later 😊❤❤
This guy demonstrates very advanced css knowledge. This is beyond impressive
Exécuter le code
thank you
Jf
@@Florent-zh8pxquoi?
body {
margin: 0;
height: 10vh;
display: flex;
align-items: center;
justify-content: center;
background-color: black;
overflow: hidden;
}
.loader, .loader span {
width: 10em;
height: 10em;
border: 0.25em solid white;
font-size: 10px;
border-radius: 1em;
position: absolute;
mix-blend-mode: screen;
}
.loader {
background-color: gold;
animation: rotating 2s linear infinite;
}
@keyframes rotating{
to {
transfoam: rotate(1turn);
}
}
.loader span{
animation: de-rotating 4s linear infinite;
}
@keyframes de-rotating {
from, to {
transform: rotate(0deg) scale(1.2);
}
50%{
transform: rotate(-180deg) scale(1.2);
}
}
.loader span:nth-child(1){
top: 5rem;
left: 5rem;
background-color: dodgerblue;
}
.loader span:nth-child(2) {
top: -5rem;
left: 5rem;
background-color: hotpink;
}
.loader span:nth-child(3) {
top: 5rem;
left:-5rem;
background-color: mediumpurple;
}
.loader span:nth-child(4) {
top: -5rem;
left: -5rem;
background-color: limegreen
}
these boxes are displaying on top instead of center
while the main box which have class( loader) is not rotating
so any body can give me solution
What Is this program for ?
body {
margin: 0;
height: 75vh;
display: flex;
align-items: center;
justify-content: center;
background-color: black;
overflow: hidden;
}
@@A-AbbaSSublime Text
Bro trying XSS on TH-cam comment 🤡
Work?
Manna padega skills ko bro ❤
Yup 👍👍
Not bro she is sis check the folder name seema
it's different watching this after learning about css and html. I want to type that fast oof
Like😅
I think he has used auto type feature
@@RI9246and I think it's sped up.
See in the top at file name it is written auto type at last
Auto type
Satisfying sound😭
Is hee writing that fast and accurate naturally aur is he used any software
Fell in love with this Sound 💖
this is really awesome but i don't understand this code because i am beginner 😅
oh soon you will learn it
Same 😂😂
@@learning-axisaap too yhee kahenge bro😅😢 kyuki hme nhi atta...
but html ko seekhne ka best method btayiye
@@learning-axismaster aap hi seka do
Same 😂
I done drifted off mid way until I saw the end 😂
The fact that you memorize every single function is incredible, I just use the internet to learn the syntax.
I am like the sound
But upar to likha hai autotype😂😂
Result is nice ❤
Every thing goes out of my mind
Esa cantidad de escriturad que logran buscar cin eso, son codigos establesidos que por regla hay que aprenderlo de memoria si o si Vaya Chevre.
It's working dude
I loved it ❤️❤️🔥
thank you
Easy method to do this make a GIF of this and use that
Can u please make full tutorial vedio of html ,css,js ...😊
Internal css
I’m a beginner to html and this is amazing! It actually worked!😆
Bro I could not even write a line of this extreme level of coding
oooo
It's nor extreme level of coding just learn and practice it like me
cool
I also tried it in my phone and it happened..
Thanks bro
How can we enable auto typer in sublime please tell me
Please reply bro
really awesome
th-cam.com/video/6-le3mupCRM/w-d-xo.html
Fantastic bro
i finally did at 4th time
Top demais show 🎉
Nice
Nice
There was literally written ".auto-type" in the app title am i only the one able to see that
Thank you ❤
Mind blowing sir!
Hats of you bro ❤🎉
Very useful! Thank you so much!
Amazing!!
Tap on a clip to paste it in the text box.Welcome to Gboard clipboard, any text that you copy will be saved here.Use the edit icon to pin, add or delete clips.Touch and hold a clip to pin it. Unpinned clips will be deleted after 1 hour.
Excellent
Bhai maine kiya bohot beautiful tha thanks🙏🏻
Great work
You have good skills 😮
I've tried this today this is absolutely amazing
Does it work?
Not working don't know
Yoooooo 😂😂😂😂 cooollll😮😮😮
Nice 😮
Perfect 🎉❤
Amazing!🎉
tried and partially worked,,, good for a start
cool
I have tried too but nothing displayed except black background
Can you plz help me?
@@monikakanojia8350 I think You have made mistakes in the code.
@@learning-axistransform: rotate (1turn) isn't working
i just changed my major from mechanical engineering to software engineering bc i want to do front end website development. seeing this honestly has me so scared and overwhelmed
cool you should start learning website development.
@@learning-axis i started learning html using codecademy earlier today. i got through all of the basic functions okay. i started to struggle a bit on table functions and that’s where i stopped for the day.
@TwizzyyyFN Hey, what’s you are learning now?
@@saquibahmed5929 i’m doing software engineering with a concentration in cyber security now
Thank you sir this is awesome information news and learning today ❤
Thanks
I’m new, just learning and I only thought I was just getting the hang of it 😅 back to the grind stone I go…
🤣😂
Super bhai ❤
thank you
Awesome
❤❤❤❤❤❤❤❤❤ Good work.
lovely
Middle piece is not rotating.....
P😊
love it!
This is so advance css coading language 😊😊🎉so amazing 😍🤩🤩
Wow, very interesting
This inspires me to get a thocky keyboard, learn how to code, and create coding ASMR (audio & visual)
Bro for easy you can get body shortcut is !
In vs code editor
Got it to work......kinda..... without the pulsing animation. It does spin tho😅
cool 😅
good job
𝕡𝕣𝕖𝕞𝕚𝕦𝕞 𝕔𝕠𝕞𝕞𝕖𝕟𝕥
YoBro I try to make like yours but the blue one isn't in my code😂
Nice 😊
From this video i learnt that vscode is way better than sublime. Ofcourse hats off to your skills
what is the software you use bro?
keep it up!
Wow🎉😊❤❤
On which platform you are practing this
sublime text
I am like the like
Which app is this
sublime text
informative
Which video editor you use sir? Please reply how to record the code like this and edit?
Bhai ap kitna fast type karte ho Thora slow bhi kar liya karo
bro its not working
The keyboard button sound so asmr relaxing ❤😊
Just press ! And enter
.loader san: nth-child(5)?????
bravo...
Muito bom!
woah!
which software are yiu using please?
Am a beginner,
i need to download one on my window 10. which one will work properly
sublime text
but Vs code is best
website coding ke liye kaun sa coding tool best hai
Notepad
Bhout speed hai yaar 😮
But upar auto-type kyu likha hai😂😂
wow
Wow
Boiler plate use kdk
Konsa site pe typing kr raho ho bro ❤
Where is title tag 😂😂
How to move it in the centre?
❤
Mera nhi bna yh
what a bg sound😂
Bro should be hired on Microsoft wth
What is the name theme please ❤❤❤❤
Hey there's a problem with your code and output.... Your written code does not make the span shrink and expand while rotating.
You had to write this to do that output
@keyframes de-rotating {
form,
to {
transform: rotate(0deg) scale(1.2);
}
50% {
transform: rotate(-180deg) scale(0.5);
}
}
Thank me later 😊❤❤
Buen objeto
How will you do that?
I just complete all the code but when I was closing html my laptop shut down😭and I was like what the hell is this😭😭😭😫😫😫😫
see the code link in description
Ye the typing is so fast🎉
Which ide do you use to cofe?
nice
bro is speed
just type ! and hit enter
Bro How to move the spinning square?
for example I want to put the square in the left screen
by using margin
bro I need your help.
Please tell me what is this running platform of HTML? ❤