Thursday, March 8, 2018
Wednesday, February 21, 2018
Bootstrap No Gutter Need Css
/*Bootstrap No Gutter css left and right paste into you css put class into row */
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
shahzad_samejo@yahoo.com
Friday, February 9, 2018
animation car

HTML
<div class="animate-bus">
<img src="images/animate-bus2.png" alt="">
</div>
Css
.animate-bus {
- width: 230px;
- height: 98px;
- -webkit-transition: all 3s ease-in-out;
- -moz-transition: all 3s ease-in-out;
- -ms-transition: all 3s ease-in-out;
- -o-transition: all 3s ease-in-out;
- transition: all 3s ease-in-out;
- -webkit-animation: animate 7s ease-in-out 2s infinite;
- -moz-animation: animate 7s ease-in-out 2s infinite;
- -ms-animation: animate 7s ease-in-out 2s infinite;
- -o-animation: animate 7s ease-in-out 2s infinite;
- animation: animate 7s ease-in-out 2s infinite;
}
shahzad_samejo@yahoo.com
Bounce Effect html and css
HTML
<h1>
<b style="color:#ffffff;">Tel. No.:</b>
<span style="color: #ef4daa;">0</span>
<span style="color: #ef4daa;">2</span>
<span style="color: #ef4daa;">0</span>
<span style="color: #ef4daa;">7</span>
<span style="color: #f7ad00;">2</span>
<span style="color: #f7ad00;">4</span>
<span style="color: #f7ad00;">7</span>
<span style="color: #ef4daa;">7</span>
<span style="color: #ef4daa;">0</span>
<span style="color: #ef4daa;">0</span>
<span style="color: #ef4daa;">0</span>
</h1>
Css
h1 span:nth-child(2) {
- animation-delay: .1s;
}
h1 span {
- position: relative;
- top: 20px;
- margin-top: 0px;
- margin-bottom: 0px;
- display: inline-block;
- animation: bounce 1.3s ease infinite alternate;
- font-family: 'Titan One', cursive;
- font-size: 50px;
- color: #FFF;
- font-weight: 700;
}
shahzad_samejo@yahoo.com
Subscribe to:
Posts (Atom)