CSS Animations

Look into several ways to fix :first-child pseudo classes not working with CSS

[Fixed] CSS :first-child not working correctly

Dec 19, 2022

Look into several ways to fix :first-child pseudo classes not working with CSS

We will go over creating a jumping dots animation with CSS. This effect is great for loading type animations!

Creating Jumping Dots CSS Animation with Examples

Dec 17, 2022

We will go over creating a jumping dots animation with CSS. This effect is great for loading type animations!

Arrows can be used for paging, carousels, call to action buttons. This post will go over how to animate these arrows for your web design.

How To Create Arrow CSS Animation

Dec 8, 2022

Arrows can be used for paging, carousels, call to action buttons. This post will go over how to animate these arrows for your web design.

CSS transitions can be fiddly. This post goes over some steps you can take to fix them.

[Fixed] CSS transition not working and examples

Dec 6, 2022

CSS transitions can be fiddly. This post goes over some steps you can take to fix them.

Finding the difference between two arrays in JavaScript can be a bit tricky if you are unfamiliar with the language. Especially if one or both of the arrays contain objects or nested arrays. In this blog post we will look at how to use the JavaScript built-in methods to find the difference between two arrays.

[How To] find difference between two arrays in JavaScript

Dec 4, 2022

Finding the difference between two arrays in JavaScript can be a bit tricky if you are unfamiliar with the language. Especially if one or both of the arrays contain objects or nested arrays. In this blog post we will look at how to use the JavaScript built-in methods to find the difference between two arrays.

CSS spin animations to make your landing page pop. Examples include spin on hovering over buttons, loading icons, etc.

CSS Spin Animation on hover

Dec 3, 2022

CSS spin animations to make your landing page pop. Examples include spin on hovering over buttons, loading icons, etc.

Fixes for :before pseudo elements not working with your CSS. We will go over a checklist on how to do this.

How to fix CSS issues with :before not working

Dec 2, 2022

Fixes for :before pseudo elements not working with your CSS. We will go over a checklist on how to do this.

Slide animations can make your page pop - especially when done correctly and in a performant manner. This post will go over various techniques.

How to make slide animation in CSS

Nov 28, 2022

Slide animations can make your page pop - especially when done correctly and in a performant manner. This post will go over various techniques.

Create smooth looking pulse css animations for your website designs.

CSS pulse animation on hover

Apr 14, 2022

Create smooth looking pulse css animations for your website designs.

In this post, I will go through on how to create gradient animations for your web design using linear-gradient CSS function and keyframes

Creating gradient animation with CSS

Apr 12, 2022

In this post, I will go through on how to create gradient animations for your web design using linear-gradient CSS function and keyframes

Having a fade in animation on your website seems to be the trendy thing happening around modern web designs. This article I will go through simple ways you can create CSS fade in animations, fade in and out, fade in from bottom, and fade in from top

How to Create CSS Animation Fade In with Examples

Feb 20, 2022

Having a fade in animation on your website seems to be the trendy thing happening around modern web designs. This article I will go through simple ways you can create CSS fade in animations, fade in and out, fade in from bottom, and fade in from top

We go through 5 examples of using flip animations with CSS. Flip animations is great for use on blogs where you want to have a preview card of the blog article. You can also use this for a photo gallery to show some interesting interactions for the user

5 Flip Animation CSS examples

Feb 14, 2022

We go through 5 examples of using flip animations with CSS. Flip animations is great for use on blogs where you want to have a preview card of the blog article. You can also use this for a photo gallery to show some interesting interactions for the user

About

Hi, I'm Kentaro - a sofware engineer sharing my programming tips!

Projects

pagehippo.co Nocode landing page builder