Home Idea

-


Comments

Post a Comment

Popular posts from this blog

CSS Coding for Social Sharing

-
CSS Coding for Social Sharing @import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'; body {   background-color:#e5e7e7; } .SocialIcons {   position:absolute;   top:50%;   left:50%;   display: inline-block;   -ms-transform:translate(-50%,-50%);   -webkit-transform:translate(-50%,-50%);   transform:translate(-50%,-50%); } /* Icons */ .SocialIcons a {   color:#fff;   display: inline-block;   width:55px;   height:34px;   padding-top:20px;   margin:0 2px;   border-radius:5px;   text-align:center;   text-decoration:none;   font-family:fontawesome;   position: relative;   -o-transition:all .5s;   -webkit-transition: all .5s;   -moz-transition: all .5s;   transition: all .5s;    -webkit-font-smoothing: antialiased; } .SocialIcons a:hover {   opacity: 0.78; } /* pop-up text */ .Socia...
Read more

CSS Coding for Analog Clock

-
CSS Coding for Analog Clock .inline-block {   display: -moz-inline-stack;   display: inline-block; } * {   outline: none; } html {   height: 100%; } body {   background: url('http://images.wallpapersmela.com/2014/01/Latest-HD-Technology-Wallpapers-2014.jpg') no-repeat fixed center;   background-size:cover; } body .container {   width: 100%;   max-width: 300px;   margin-right: auto;   margin-left: auto;   font-family: 'helvetica', sans-serif; } .clock {   margin-bottom: 20px;   width: 100%;   padding-bottom: 100%!important;   padding-top: 0!important;   position: relative;   margin-top: 50%;   background-color: #e7e7e7;   -moz-border-radius: 50%;   -o-border-radius: 50%;   -webkit-border-radius: 50%;   border-radius: 50%;   border: 10px solid #333;   opacity:0.97;   -webkit-box-shadow: 1px 10px 50px rgba(0, 0, 0, 0.3), ins...
Read more