From the course: Modern CSS Techniques without JavaScript

Unlock this course with a free trial

Join today to access over 24,800 courses taught by industry experts.

Animating the marker

Animating the marker

From the course: Modern CSS Techniques without JavaScript

Start my 1-month free trial Buy for my team

Animating the marker

“

- [Instructor] All right, let's get to what you really want to know, which is how do you make your own marker animate, in some context here within this particular code pen. We're going to start here in the JavaScript panel, and I have given you the marker that I'm going to use for this. It's this particular arrow, and I'm just going to copy this. So just highlight and copy this, and we're going to plug that into our CSS. I've also put in a quick reminder here that marker, and specifically, and especially, the animation portion of working with marker, is not available to us inside of Safari, as of this moment of recording in March of 2025. Be sure you check, Can I Use, to find out if it's available when you're watching this video. All right, let's go into our CSS, and I'm going to scroll down to where I started to talk about markers. So here in my summary style, first of all, I am going to make some changes here to my padding. I'm just going to give 0.5rem of padding on all of the…

Contents