Skip to content

Instantly share code, notes, and snippets.

sunil rambhairao

  • curofy.com
  • gurgaon india
Block or report user

Report or block rambhairao

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@rambhairao
rambhairao / jsbin.jawekum.css
Last active Sep 18, 2017
JS Binsimple example of updating variable value with clicks on something// source http://jsbin.com/jawekum
View jsbin.jawekum.css
body{
background-color: blue;}
.one_time{
background-color: red;
}
View jsbin.valome.css
body{
background-color : red;
color : #fff;
}
#wrapper{
position: relative;
width: 300px;
margin: 150px auto;
}
#wheel{
@rambhairao
rambhairao / css_psuedo.html
Created Sep 14, 2017
css before and after properties [css before and after properties simple example]// source http://jsbin.com/biwomi
View css_psuedo.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="[css before and after properties simple example]">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title> css before and after properties </title>
<style id="jsbin-css">
p{
width: 200px;
@rambhairao
rambhairao / slider_example.html
Created Sep 12, 2017
Slider with tab selection and next and preview button also
View slider_example.html
<!DOCTYPE html>
<html>
<head>
<title>text slider with tab and button</title>
<script src="https://code.jquery.com/jquery-3.1.0.js">
</script>
<style type="text/css">
body{
background-color: cadetblue;
}
View jquery_after.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<title>JS Bin</title>
<style id="jsbin-css">
.rang{
background-color: blue;
View index_example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<title>JS Bin</title>
<style id="jsbin-css">
li{
display: inline-block;
View sidebar.css
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
View event-propagation-css.css
li{
list-style-type: none;
display: inline-block;
}
div{
width: 100px;
height: 100px;
}
View random_code.html
<!DOCTYPE html>
<html>
<head>
<title> olly </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<style type="text/css">
.tabs {
View tab_demo.html
<!DOCTYPE html>
<html>
<head>
<title> olly </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<style type="text/css">
.tabs {
You can’t perform that action at this time.