Skip to content

Instantly share code, notes, and snippets.

sunil rambhairao

  • curofy.com
  • gurgaon india
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.