my code stock.com

Pure CSS Toggle Switch

Snippet options

Download: Download snippet as pure-css-toggle-switch.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<div class="row row-main">
	<div class="col-lg-12">
		<div class="switch">
			<input id="cmn-toggle-1" class="cmn-toggle cmn-toggle-round" type="checkbox">
			<label for="cmn-toggle-1"></label>
			</div>

			<div class="switch">
			<input id="cmn-toggle-4" class="cmn-toggle cmn-toggle-round-flat" type="checkbox">
			<label for="cmn-toggle-4"></label>
			</div>

			<div class="switch">
			<input id="cmn-toggle-7" class="cmn-toggle cmn-toggle-yes-no" type="checkbox">
			<label for="cmn-toggle-7" data-on="Yes" data-off="No"></label>
		</div>
	</div>
</div>

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.