---
title: Smooth cursor motion in Atom

date: 2017-10-08
modified: 2024-11-25T15:06:52+0000
status: published
layout: ../layouts/Post.astro
---

I’m currently trying out Atom as the main tool for my computer job and I wanted to make it more fun, so I added some CSS to make the cursor move smoothly and give the text-selection rounded corners. To try it yourself, click on _Stylesheet_ in the _Atom_ menu and paste this code:

```css
atom-text-editor .cursor {
  transition: all 80ms;
}

atom-text-editor .selection {
  border-radius: 4px;
  transition: all 20ms;
}
```

Now everything is nice and smooth. Yay!