How to partially move the circle out of screen?

Question

I want to move this circle slightly towards the left so that both ends of the circle are cut equally by both the sides. Is there a way?(I have used px here, so you may not see the same)

Here's my code:

https://code.sololearn.com/WMz5J0cJB41Q/?ref=app

Answer 1

Priyan Vignesh Ramesh

Add this to CSS in #circle:

position:fixed
//To fix the object at one place as you can see screen is scrollable horizontally because circle size is out of screen size.

Then adjust the position using left,right,top or bottom attributes.

According to your question, add to #circle-

left: -30px;

//You can adjust accordingly to your need now.

Answer 2

Thank you! It works!