Posts Tagged with css3

Displaying 1-6 of 6 results.
Wiki: Css3 spin icon with originwiki
posted by admin on November 7, 2016
HTML:

<h1 class="text-center">
<span class="glyphicon glyphicon-refresh spin"></span>
<span class="glyphicon glyphicon-record spin"></span>
<span class="glyphicon glyphicon-send spin"></span>
<span class="glyphicon glyphicon-star spin"></span>
</h1>

<h3 class="text-center">
<span class="glyphicon glyphicon-refresh spin"></span>
<span class="glyphicon glyphicon-record spin"></span>
<span class="glyphicon glyphicon-send spin"></span>
<span class="glyphicon glyphicon-star spin"></span>
</h3>

<h6 class="text-center">
<span class="glyphicon glyphicon-refresh spin"></span>
<span class="glyphicon glyphicon-record spin"></span>
<span class="glyphicon glyphicon-send spin"></span>
<span class="glyphicon glyphicon-star spin"></span>
</h6>

CSS3:

.spin {
-webkit-animation: spin .2s infinite linear;
-moz-animation: spin .2s infinite linear;
-o-animation: spin .2s infinite linear;
animation: spin .2s infinite linear;
-webkit-transform-origin: 50% 58%;
transform-origin:50% 58%;
-ms-transform-origin:50% 58%; /* IE 9 */
}

@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}

@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}

@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
Read more
Resolved: How to align 3 divs (left/center/right) inside another div?
posted by admin on July 18, 2016

[[LEFT] [CENTER] [RIGHT]]

Container div is 100% wide (no set width), and center div should remain in center after resizing the container.

So I set:

#container{width:100%;}
#left{float:left;width:100px;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}
Read more
Wiki: Using font-face cross browser. Синтаксис Fontspringwiki
posted by admin on March 25, 2016

@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?') format('eot'), /* IE9 Compat Modes */
url('myfont-webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('myfont-webfont.ttf') format('truetype'), /* Safari, Android, iOS */Присылайте
url('myfont-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
Read more
Resolved: Awesome fonts Fa icons hover underline
posted by admin on March 14, 2016
In fa icon hover I see underline, like shadow. How to remove it

HTML code:

<a class="fa fa-instagram fa-2x insta" href="http://isystems.am"></a>
Read more
Resolved: bootstrap.css vs bootstrap-responsive.css
posted by admin on March 10, 2016
Which
bootstrap.css
vs
bootstrap-responsive.css

Please explain difference :(


<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="all" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" />

OR

<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" media="all" />
Read more
Resolved: CSS Perfect Full Page Background Image cover stretch fixed
posted by admin on January 31, 2016
I want to fix my background image, stretch it by width 100%Read more