css3

Css3 transition – on hover overrided element

I wanted with Css “transition” make a little transition, where when container with other elements will be hover, then that one element will change color. But i don’t know how i can use transition there. <article class=”col-md-4 offer-box”> <div class=”media”> <div class=”media-left”> <i id=”icon” class=”fa fa-paint-brush”></i> </div> <div class=”media-body”> <h4 class=”media-heading” id=”text-light”>Web Design</h4> <p class=”text-muted”>Pellentesque habitant morbi tristique senectus et…
Read more

HTML5 – Move subwindow to new window

I’m searching for a solution to detach a widget in my HTML5 window and open it in a new Window. Not just the html should be moved, but the whole context. So my approach is to use the local storage to save all the information and to start a new window using this information. Any experiences? Any help is appreciated!!…
Read more

Implementation of perspective in css

I’ve seen this after enabling perspective in css: if a child element with z = 0, the value of perspective doesn’t affect the size of the element. This makes me confused. In a normal perspective view, the distance between the object and the eye decides the size of the object on the viewport. But in this case, the distance doen’t…
Read more

Ember table fixed columns from right

I am using ember table (http://addepar.github.io/ember-table/#/overview) for mytable component. I have setup everything and works fine. But I need to convert it ti arabic mode so that table should be inverse. I can do that by inverting the column model. But numFixedColumnsis seems to be always from left. I need the fixed columns from right as well. Is that possible….
Read more

Add argument into @keyframes property less

I have a property @keyframes, I compiled with autoprefixer to add the needed prefixes. What I would like to do, is to add an argument to the animation name (or wherever is possible) to change a value of properties into the keyframes key. This is what I have right now : @keyframes loader { 0% { transform: translate(0, -50%) rotate(0deg);…
Read more

css or jquery animation on 10.000 elements

We created a world map, consisting out of 10.000 individual dots. We wanted to have them randomly fade in. So we tried CSS3 transitions and Jquery Fadein. However, the animation is requiring to much rending for most systems to handle. So it creates a lot of stuttering. Does anyone has any alternative suggestion on how to animate such an large…
Read more

how can assign innershow to inputs in css

is there any way for assign inner shadow to textbox in css or js ? I tested outer shadow for textbox and it’s ok input { box-shadow: 10px 10px 5px #888888; } but when i wanna assign inner shadow to textbox it don’t work input { box-shadow: inset 10px 10px 5px #888888; } how can do that? thanks ANSWER Thanks…
Read more

Moving an image to the right side of a paragraph

Good day folks, I am struggling with this for a couple of hours now and could really use some good help! On my website I am trying to move an image to the right side of a paragraph of text. My code snippet: .innercontent { display: inline-block; position: relative; width: 90%; padding: 3% 5%; } .snap { display: inline-block; }…
Read more

SVG + CSS – how to include in HTML and scale & color?

I ma trying to understand how to include a SVG as a class and manipulate it via CSS for hover etc. I got the following svg example from icomoon. The purpose is to avoid a number of http requests in a page and include as much icon information into a CSS using class. <svg version=”1.1″ xmlns=”http://www.w3.org/2000/svg” xmlns:xlink=”http://www.w3.org/1999/xlink” width=”512″ height=”512″ viewBox=”0…
Read more