I'm creating a simple asteroids-like game in CSS and JS using the DOM over canvas for...experimentation purposes.   My code is pretty small in this example to make it easy to see what's going on below. The ultimate goal: Let arrow keys smooth...
I need to obtain actual height of several different elements (for the sake of precise custom tooltip positioning), and some of these elements (not all) are rotated. $(elem).outerHeight() returns the original height, instead of the actual displayed he...
I'm using this script that claims to implement matrix3d operation as described in the spec, however the script is missing matrix perspective operations, so I "cooked" something I'm not sure is either accurate or correct.  // the persp...
I would like to change the transform origin to the center point of the pinch gesture.  This working code (safariDevSample) applies scale and rotation without changing the transform-origin:  window.angle = 0; //global to store data for later reset ......
On my page I have an element that follows users cursor. What I'm trying to do is to use transform instead top/left with plain javascript. Without any libraries or depencies... The problem is that I need to apply values stored in variables to the...
I made this http://codepen.io/adamchenwei/pen/dOvJNX  and I try to apply a certain way of moving for a dom so it move for a fixed distance and stop, instead of animate and move through the whole width of the dom. However, I don't really want to f...
jQuery doesn't work well with CSS "transform: scale()" (however with "transform: translate()" it works fine)  Please take a look at this simple example:    $(document).ready(function() {    $('#root').dblclick(function() {...
Here is my css code:  #pic-1 {     z-index: 1;     -webkit-transform: rotate(-10deg);     -moz-transform: rotate(-10deg);     -o-transform: rotate(-10deg);     transform: rotate(-10deg);     -ms-transform: rotate(-10deg);     filter: progid:DXImageTr...
This is a followup question to How to zoom to mouse pointer while using my own mousewheel smoothscroll?  I am using css transforms to zoom an image to the mouse pointer.  I am also using my own smooth scroll algorithm to interpolate and provide momen...
I would like a zoom out effect for my header, what loads zoomed in, and on scroll it zoom out.  What I do is to increase the size with transform: scale(1.4) and on scroll I calculate a percentage from the scrollTop and header height and I multiply it...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.