Social Media Share Bar With CSS by uckannet

style.css

/*Sticky Share*/
.so-sticky-share.so-classname {
	transform: translate3d(0,0px,0);
	-webkit-transform: translate3d(0,0,0);
}
.so-sticky-share {
	position: fixed;
	bottom: 0;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 -webkit-transform: translate3d(0,0px,0);
 transition: opacity 0.35s, transform 0.35s;
 transform: translate3d(0,150%,0);
	left: 0;
	right: 0;
	width: 100%;
	height: 72px;
	padding: 1em 0;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.3);
	box-shadow: 0 1px 8px rgba(0,0,0,.3);
	z-index: 3;
}
.so-sticky-share_container {
	position: relative;
	display: inline-block;
	width: 100%;
}
.so-sticky-share ul>li {
	float: left;
	background: #ddd;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	padding: 10px;
	margin-right: 1em;
}
.so-sticky-share ul>li>a {
	color: #fff
}
.so-sticky-share ul>li.so-tw {
	background-color: #55acee
}
.so-sticky-share ul>li.so-fb{
	background-color: #3b5999
}

.so-sticky-share ul>li.so-ins{
	background-color: #3f729b
}