Understanding CSS3 Easings

Easing is how the speed of the transition between CSS3 settings occurs. For example, is it linear – where the speed stays the same, or does it easeIn, where it starts slow, and progressively gets faster?

There are over 30 different ways to ease into your next transition, and http://easings.net/ has a simple way of showing you these. Just hover over an effect to see it work.

There is also a link to a jQuery plugin to show what/how to get it to work for users who are using a browser that doesn’t support CSS3 transitions yet.

Very cool indeed.

Link to Article

Understanding CSS3 Easings was originally found on Access 2 Learn

Walter Wimberly

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

HTML/CSS Tutorials

The main tag

ByWalter Wimberly March 2, 2020March 3, 2021

The main tag is used to define the main content section of the web page. The content within the web document should be unique between the pages, and not contain replicated data such as navigation links, headers, footers, sidebar data etc. Within the main tag, you can find articles, standard content which you’ve already seen,…

HTML/CSS Tutorials

Creating Persona’s to Better Design Your Website

ByWalter Wimberly September 9, 2019September 9, 2019

Over the years, I’ve built many websites. The most successful projects always started with a good plan. Who was the audience, is there special things that they will be looking for, what are they going to need to do. With one recent website I worked on a large number of their clients were older, wore…

HTML/CSS Tutorials

Building & Managing Website Projects

ByWalter Wimberly January 24, 2020January 24, 2020

Regardless of the size of the project, it is important to have a good organizational plan to make it easier to work with the project. As they say, failing to plan is planning to fail. It is important to understand how your files will be organized both logically as well as physically. Additionally, if you…

Web Design

Use Progressive JPGs to Improve Your Website’s Percieved Speed

ByWalter Wimberly January 3, 2013January 9, 2013

Photos are the main culprit as to why pages (appear to) render slow. Use progressive JPEGs to improve the performance of your site, “because perceived speed is more important than actual speed”. Article Link Use Progressive JPGs to Improve Your Website’s Percieved Speed was originally found on Access 2 Learn

HTML/CSS Tutorials

Floating Images on a Webpage with CSS

ByWalter Wimberly January 5, 2013January 6, 2013

Images don’t normally have text around them. If you want to have text wrap around your images, you will need to know how to float the image, and how we can make sure the text is still easy to read around the image. Floating Images on a Webpage with CSS was originally found on Access…

Bootstrap

Working with Forms in Bootstrap

ByWalter Wimberly October 27, 2019October 29, 2019

In any website of any reasonable size, you will run into one or more forms to allow the end user to send information to the server. This could be for sending a message to the host, ordering something, etc. Forms can be simple, like a text box to search, or complicated with hundreds of fields….

Similar Posts