{"id":161,"date":"2024-03-14T20:26:58","date_gmt":"2024-03-14T20:26:58","guid":{"rendered":"https:\/\/pablomedrano.dev\/?p=161"},"modified":"2024-03-15T01:41:03","modified_gmt":"2024-03-15T01:41:03","slug":"css-animations","status":"publish","type":"post","link":"https:\/\/pablomedrano.dev\/?p=161","title":{"rendered":"CSS Animations"},"content":{"rendered":"\n

At its core, CSS animations operate by transitioning CSS properties from one state to another over a specified duration. This transition can be triggered by various events such as hover, click, or page load. CSS animations are defined using the @keyframes<\/code> rule, which allows developers to specify keyframes at different points in the animation timeline.<\/p>\n\n\n\n