CSS3 and JavaScript/Jquery

Recently, I have been working on enhancing my knowledge and skills with JavaScript and JQuery. I was given a few exercises to work on using JavaScript/ JQuery and a bit of CSS. While working on these, I began to wonder why I cannot use CSS code to change the color of a <div> tag when I click on a button. I did a bit of research and found an article on CSS3. It stated that CSS can now do many of the same things as JavaScript. I thought this was pretty cool.

The article did not state that CSS3 could change the color of an HTML element through clicking a button but it did state that it can change the color of an HTML element when it is moused over and it can also add a cool transition between the colors. I also found that CSS3 can transform a element such as Scaling, Rotating, and Skewing. This makes me excited for the future of CSS coding. Being able to take an average collection of images and being able to make them resemble a collage of photos you would see pinned on a bulletin board in a college dorm room. This will also help with loading times of pages because CSS is much simpler to render than JavaScript and JQuery, especially because it takes less code to create these transitions in CSS than it does using JavaScript.

Written by: Amanda Walkenhorst