transform

问题 I have a series of CSS hexagons. I would like to apply CSS scale transform for different viewport widths, though gaps are appearing within my hexagon shapes. This problem is most evident on Firefox at any scale value. It also appears in Chrome if scaled to non-integer values. Firefox additionally shows baffling horizontal lines in the :before and :after pseudo elements, though these lines are in the centre of a border and not at the edge of any shape. Snippets A simplified version of my

问题 Are css transform matrix and transform scale, skew, translate equivalent? According to this answer css transform matrix values are equivalent to the rotate, skew and scale functions, however this post makes it seem much more complex... matrix(a, b, c, d, e, f) arguments a and d are for scaling the element. Identical to that of the scale(a, d) method. arguments b and c are for skewing the element. Identical to that of the skew(b, c) method. arguments e and f are for translating the element.

问题 Have been researching possible fixes for this and just cannot figure out what's wrong. The issue seems to only be in chrome. But it doesn't happen in Chrome Canary. http://jsfiddle.net/de2yzzds/6/ (use arrow keys to navigate and I also need the html this way) The slide flickers when it goes from the last slide to the first slide I'm on a mac using Chrome Version 47.0.2526.80 (64-bit) Using latest version of https://github.com/kenwheeler/slick Can anyone else recreate the issue? I've tried

问题 I want to use animateTransform to rotate an SVG image continuously. So here we go: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1024px" height="768px" enable-background="new 0 0 100 100" xml:space="preserve"> <g transform="translate(100, 100)"> <rect fill="#FE9FFF" width

问题 I want to use animateTransform to rotate an SVG image continuously. So here we go: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1024px" height="768px" enable-background="new 0 0 100 100" xml:space="preserve"> <g transform="translate(100, 100)"> <rect fill="#FE9FFF" width

问题 I have the coordinates of points of an empty cube just like down below: What I would like to do is transform that cube to something like this: There are two options: 1- Edit the initial cube's coordinates to make it spherical 2- Generate spherical cube from scratch I couldn't think of a solution so far. How can I generate a spherical cube? Edit - My code that generates the cube is below. It basically creates a filled cube and then subtracts the nodes on the inside. NL_sph is the final array

问题 I am trying to make a graph with logarithmic x-axis and normal scaled y-axis with ggplot2 in R. This all works fine, but when I add a smoother with model="lm", I get problems. What I would like is to fit a linear model through my data before the log transformation and then have it log transformed, thus the line fitted by geom_smooth should be curved instead of straight. I have found a way to do this with coord_trans(x="log10") , but if I do it this way the tick marks of the x-axis are all

问题 I have tiled png files and those projection is EPSG:4326. I convert projection to EPSG:3857 with below 2 commands: gdal_translate -of Gtiff -a_ullr 135.00000000000003 36.59788913307022 140.62500000000003 31.952162238024975 -a_srs EPSG:4326 4326.png 4326.tiff gdalwarp -s_srs EPSG:4326 -t_srs EPSG:3857 4326.tiff 3857.png Can I make it with 1 command ? 回答1: I don't know how to do it with one command, but if you are working on a Unix-like environment, you can use a pipe to avoid creating an

问题 I want the .servNavItemWrap img to transform scale when servNavItemWrap is being hovered. What I am doing now it not working. Does anyone see what I am doing wrong? .servNavItemWrap { display: inline-block; vertical-align: top; width: 25%; margin-bottom: 50px; text-align: center; cursor: pointer; } .servNavItemWrap img { width: 75px; height: 75px; -webkit-transition: all 0.25s; transition: all 0.25s; } .servNavItemWrap:hover .servNavItemWrap img { -webkit-transition: all 0.25s; transition:

问题 world { width: 100%; height: 100%; position: absolute; perspective:800px; } bg { width: 100%; height: 100%; position: absolute; z:1; transform:rotateX(20deg) rotateY(10deg); background: url(https://images.pexels.com/photos/1154498/pexels-photo-1154498.jpeg?auto=compress&cs=tinysrgb&h=1250); } layer_wrap { width: 350px; height: 60px; position: absolute; top: 50%; left: 50%; mix-blend-mode: overlay; z:100; perspective:500px; transform-style:flat; backface-visibility:hidden; } layer { position