Skip to content

Instantly share code, notes, and snippets.

View rambhairao's full-sized avatar

sunil rambhairao

  • curofy.com
  • gurgaon india
View GitHub Profile
@rambhairao
rambhairao / jsbin.jawekum.css
Last active September 18, 2017 08:22
JS Binsimple example of updating variable value with clicks on something// source http://jsbin.com/jawekum
body{
background-color: blue;}
.one_time{
background-color: red;
}
body{
background-color : red;
color : #fff;
}
#wrapper{
position: relative;
width: 300px;
margin: 150px auto;
}
#wheel{
@rambhairao
rambhairao / css_psuedo.html
Created September 14, 2017 07:08
css before and after properties [css before and after properties simple example]// source http://jsbin.com/biwomi
<!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 September 12, 2017 07:29
Slider with tab selection and next and preview button also
<!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;
}
<!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;
<!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;
.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;
@rambhairao
rambhairao / event-propagation-css.css
Last active August 5, 2017 13:29 — forked from anonymous/event-propagation.html
event propagation in js
li{
list-style-type: none;
display: inline-block;
}
div{
width: 100px;
height: 100px;
}
<!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 {
<!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 {