PURE CSS BASED ANIMATION

Shashankk
1 min readNov 28, 2019

--

hello everyone here i have created pure css based switch in this i have use only css. not any special javascript code.it will slide on mouse over

.switch{

height: 200px;

width: 600px;

border-radius: 99px;

background-color:green;

}

.inner-box{

height: 100%;

width: 30%;

background-color:whitesmoke;

border-radius: 50%;

transition: 2s;

}

.inner-box:hover{

margin-left: 420px;

}

output of code

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Shashankk
Shashankk

Written by Shashankk

0 Followers

Engineering student who loves coding

No responses yet

Write a response