Microsoft Copilot is a text-based generative AI tool that can do various tasks. In this course, you will learn how to write prompts, generate content, generate codes and utilise its powerful features in the web version of Microsoft Copilot.
In this video lesson, we will learn about Creating HTML Animations in Microsoft Copilot.
You can access the entire Microsoft Copilot Course in the following playlist:
https://www.dailymotion.com/playlist/x8rnke
In this video lesson, we will learn about Creating HTML Animations in Microsoft Copilot.
You can access the entire Microsoft Copilot Course in the following playlist:
https://www.dailymotion.com/playlist/x8rnke
Category
📚
LearningTranscript
00:00So, what you can also utilize Microsoft Copilot for is for creating HTML based animations.
00:11So to do that, you need to type in this prompt. Let's say, for example, I'm going to go around
00:15and say, create an HTML based animation where a red box is rotating in the center of the
00:30base and a blue text, blue text, simple tutorials is bouncing around in the base right here just
00:43like this. So if I were to go ahead and type in this prompt, then what happens is that it goes
00:49ahead and then generates out an HTML animation based on the same. So you can see that it is
00:54being generated right here, just like this. So you can see that it defined up the style right here,
01:01the key frames, the blue text right here, the key frame bounce and so forth, as you can see,
01:05just like this. So you can simply go ahead and copy the code and paste it out in an application
01:11like notepad, go around onto file and then onto save as. And then I'm going to select all files
01:17right here and I'm going to say animation sample dot HTML right here, just like this. So I didn't
01:23save it as HTML, but TML. So let's just go around onto all files right here. And let me just go
01:29ahead and correct this out to HTML right here, just like this. So once I go ahead and do that,
01:35I can simply open this up and you can see that this is what you have. You got a red box right
01:40here and then you got text simple tutorials bouncing around just like that. And that is how
01:47you can utilize Microsoft Copilot in order to create HTML animations. So if you found this
01:53video useful, so be sure to comment on what you think about it. Be sure to hit the like button
01:58and don't forget to share this out with your friends and family. And for more contents like
02:03these, do follow Simple Tutorials.