Online Calculator (sajjalkerung.com.np)

X <

Flip button (HTML+CSS) (sajjalkerung.com.np)

www.sajjalkerung.com.np

Flip-Html-CSS snippet

Code for this snippet

<style>
.flip{ width:240px; height:200px; margin:10px; border-radius:20px;}

.flip > .front{
	position:absolute;
	transform: perspective( 600px ) rotateY( 0deg );
	background:#e7e7e7; width:240px; height:200px; border-radius: 7px;
	backface-visibility: hidden;
	transition: transform .5s linear 0s;
}
.flip > .back{
	position:absolute;
	transform: perspective( 600px ) rotateY( 180deg );
	background: skyblue; width:240px; height:200px; border-radius: 7px;
	backface-visibility: hidden;
	transition: transform .5s linear 0s;
}
.flip:hover > .front{
	transform: perspective( 600px ) rotateY( -180deg );
}
.flip:hover > .back{
	transform: perspective( 600px ) rotateY( 0deg );
}
</style>
</head>
<body>
<div class="flip">
  <div class="back"><br><br><br><p id="1"><Center>www.sajjalkerung.com.np</center></p></div>
  <div class="front"><br><br><br><p><Center>Flip-Html-CSS snippet</center></p></div>
</div>

Online Calculator	Online Calculator 1	Digital Clock
Flip Button (Html+CSS)	Online Stopwatch

Web Utilities and tools for you and your website also.

Online Calculator

Online Calculator 1

Digital Clock

Flip Button (Html+CSS)

Online Stopwatch

Online Calculator 1 (sajjalkerung.com.np)

Online Calculator (sajjalkerung.com.np)

Digital Clock (sajjalkerung.com.np)

Flip button (HTML+CSS) (sajjalkerung.com.np)

Copyright © 2015-2025 | @ Sajjal Kerung