scaleY

【CSS 学习】transform 属性详解

translate(x,y)、translateX(x)、translateY(y)、translateZ(z)、translate3d(x,y,z)定义位置的移动距离scale(x,y)、scaleX(x)、scaleY
hvkcoder·2020-07-11 08:56

一像素高度的线（1px）

div{height:1px;overflow:hidden;background:red;transform:scaleY(.5);}备注：这里的1px像素的线是是利用div的自身块元素来实现，定了高度为
枣阳黄小明·2020-07-10 01:59

ObjectAnimator基本用法

//参数一：要操纵的view；//参数二：要操纵的属性(translationX、translationY、rotationX、rotationY、rotation、scaleX、scaleY，alpha
Jason_stu·2020-07-08 05:05

Android: Property Animation 属性动画的使用

属性动画四种动画:alpha渐变scaleX缩放以x中心轴scaleY缩放以y中心轴translationX位移以x中心轴translationY位移以y中心轴rotation旋转通过setPivotX
ChillyZxx·2020-07-07 22:03

无标题文章

content:"";position:absolute;bottom:0px;left:0px;right:0px;border-bottom:1pxsolid#ddd;-webkit-transform:scaleY
谁在听·2020-07-07 21:36

G-buffer投影

计算顶点在相机远裁剪面的位置（通过等比三角形）3计算要显示贴画的顶顶点4转到局部坐标系5-0.5scale<=x<=0.5*scale-0.5scale<=y<=0.5*scale6计算uv坐标x+=0.5*scaley
积木成森·2020-07-07 09:11

HTML5 动画效果 ------ 旋转的小球、CSS旋转木马3D相册效果

transformtranslate：平移，移动，水平方向、垂直方向（translateX，translateY，translateZ等）scale：缩放；扩大缩小，水平方向、垂直方向（scaleX，scaleY
你好，明天，，·2020-07-07 03:22

CSS3 之2D变换（旋转，缩放，位移，矩阵函数）

)旋转函数取值度数–deg度数–Transform-origin旋转的基点•skew()倾斜函数取值度数–skewX()–skewY()•scale()缩放函数取值正数、负数和小数–scaleX()–scaleY
tianshizhimeng155·2020-07-05 17:25

一、1像素边框

webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5){position:relative;&::after{-webkit-transform:scaleY
你听cmy1994·2020-07-01 23:58

transform-变形

XtranslateY在Y轴上面位移或者变形,大写Ytranslate(x,y)在x轴和Y轴位移或者变形,当我们只设置一个值的时候，只有x轴生效image.png缩放scalescaleX设置元素在X轴方向缩放比例scaleY
胡自鲜·2020-07-01 19:38

改变Surface视图大小

mVideoSurface.animate().scaleX(3).scaleY(3);使用LayoutParams改变布局大小，是没有问题的，但是布局变大了，然而视频显示部分并没有变化，这时候只要在监听中跟踪一下它
世外大帝·2020-06-24 03:14

Android动画的几种实现方式总结

set.playTogether(ObjectAnimator.ofFloat(imageViewOne,"scaleX",1,1.3f,1),ObjectAnimator.ofFloat(imageViewOne,"scaleY
Jayden_·2020-06-23 01:13

变化、过渡、动画

一、变换（二）1.scale缩放transform：scale（要缩放的倍数）|scaleX（要缩放的倍数）|scaleY（要缩放的倍数）2.skew扭曲transform：skew(度数)|skewX
蒲小若·2020-06-20 22:16

移动端实现0.5px边线

after{content:"";position:absolute;left:0;top:0;width:100%;border-top:1pxsolid#e0e0e0;-webkit-transform:scaleY
easy_mark·2020-05-09 21:42

starling截屏

varrt:RenderTexture=newRenderTexture();varmatrix:Matrix=newMatrix();matrix.scale(display.scaleX,display.scaleY
mengyong·2020-04-10 00:19

transform介绍

translateX/translateY/translateZ3.skew斜切degskewX/skew正值是拉左上角和右下角，负值拉右上角和左下角4.scale缩放（原始大小的多少倍）scaleX/scaleY5
zoomly·2020-04-01 03:35

写一个“3D图片循环轮播”的个人想法

其中用到CSS3的标签transform:scaleY()设置每一个图片的缩小幅度，及transition:al
好怪的怪兽·2020-03-24 23:03

CSS3 2D效果

transform-origin:旋转的基点(left,top,等等)skew()倾斜函数取值函数skewX()横轴斜切skewY()纵轴斜切scale()缩放函数取值，正数，负数和小数scaleX()横轴缩放scaleY
我拥抱着我的未来·2020-03-24 01:33

安卓通过设置View的OnTouchListener超简单实现点击动画效果

效果展示思路通过监听onTouch方法在MotionEvent.ACTION_DOWN执行view变小的动画v.animate().scaleX(scale).scaleY(scale).setDuration
山言两语·2020-03-20 09:06

Android属性动画

常用属性-translationX\translationY-rotation、rotationX\rotationY-scaleX\scaleY-X\Y-alpha常用的方法、类-ValueAnimator
Jannonx·2020-03-19 00:00

H5 新特性03

Canvas进阶变换--位移translate(x,y)变换-旋转rotate(deg)变换-缩放scale(scalex,scaley)阴影shadowOffsetXshadowOffsetYshasowColorshadowBlur
社会你码ge·2020-03-04 16:20

CSS3中的变形与动画（上）

transform：rotate|scale|skew|transtate旋转：rotate（Xdeg）缩放：scale（number）scaleX()/scaleY()默认x轴y轴同时缩放扭曲：skew
井皮皮·2020-02-23 12:18

如何画一条0.5px的线

transform方法二：渐变#line{border-bottom:1pxsolidblack;}方法一：tansform#line1{border-bottom:1pxsolidblack;transform:scaleY
無常·2020-02-20 23:28

如何画 0.5px 的边

使用1px+scaleY(0.5)在各个浏览器中显示相对完美.hr.scale-half{height:1px;transform:scaleY(0.5);transform-origin:50%100%
林键燃·2020-02-05 10:35

移动web 1px边框

transform:scale(0.5)1.用height:1px的div，然后根据媒体查询设置transform:scaleY(0.5);2.用::after和::befor,设置border-bottom
梁宏娜_NAN·2019-12-29 04:22

微信小程序：波浪动画实现

波浪动画实现原理是三张图片通过动画滚动实现的wxml代码：图片只能是网络图片wxss代码：@keyframesmove_wave{0%{transform:translateX(0)translateZ(0)scaleY
文晓港·2019-12-20 10:37

前端动画专题（三）：撩人的按钮特效

为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scaleY属性。对于动画的方向，需要借
心谭·2019-12-20 08:53

css模拟波浪效果

.keyframes(fillUpSvg,{0%{.transform(translate(0,calc(100px/2))scaleY(0.6));}50%{.transform(translate(
guoss·2019-12-18 06:54

JS全屏事件

当长宽不等时候，恢复到scaleX(1)scaleY(1)。遇到的一些问题（1）全局监听全屏事件
HeyDelilah·2019-12-17 18:42

6.联合动画：代码和XML实现

ivSplashBg.animate().scaleX(1.2f).scaleY(1.2f).setDuration(2000).setStartDelay(400).start();
Varmin·2019-12-16 05:02

9.css3动画-2D/3D变形--trasform

ScaleY(y)通过设置y轴来进行缩放。Rotate(45deg)角度旋转。Rotate(45rad)弧度旋转。Skew(x-angle,y-angle)倾斜。SkewX(angl
cjl2019·2019-10-21 17:00

移动端1像素解决方法，根据媒体查询transform缩放

borderOnePx{position:relative;}.borderOnePx::after{content:'';height:1px;background:#000;-webkit-transform:scaleY
归尘2016·2019-10-10 10:00

前端动画专题（三）：撩人的按钮特效

为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scaleY属性。对于动画的方向，需要借助transform-origin改变动画原点。代码实现ht
GodBMW·2019-08-02 10:30

前端动画专题（三）：撩人的按钮特效

为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scaleY属性。对于动画的方向，需要借助transform-origin改变动画原点。代码实现ht
心谭·2019-08-02 00:00

移动端border的一像素

webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5).border-1px&::after-webkit-transform:scaleY
张宪宇·2019-03-13 16:34

CSS中的transform的简单使用

或者transform:scale(0.5,0.4)一个参数：表示水平跟垂直方向同时缩放0.5，等同于scaleX(0.5)两个参数：第一个参数表示水平方向的缩放比例，第二个参数表示垂直方向的缩放比例scaleY
离离原上的草·2019-01-08 11:51

css3水波特效

CSS3水波特效：@keyframesmove_wave{0%{transform:translateX(0)translateZ(0)scaleY(1)}50%{transform:translateX
l_melody·2018-11-05 15:34

Wpf(Storyboard)动画简单实例

RotateTransform：旋转变换变化值：CenterX围绕转的圆心横坐标CenterY纵坐标Angle旋转角度（角度正负表示方向）ScaleTransform：缩放变换变化值：ScaleX横向放大倍数ScaleY
风雪江山·2018-11-05 09:00

3d旋转轮播图

Document*{margin:0;padding:0}body{background-color:#292929}.pic{height:360px;transform:scaleX(1.5)scaleY
瓜皮瓜皮·2018-08-08 17:42

PIXI输出base64图像

但这个方法如果在iOS设备上使用，获取到的图像会上下翻转（效果相当于css3的transform:scaleY(-1);）。原因不明，可能也是webGL搞鬼吧。
黒之染·2018-05-17 00:00

关于CSS3的3D效果样式transform属性中的rotate3d

因为scale3d(x,y,z)等价于scaleX(x),scaleY(y),scaleZ(z)分别对x，y,z坐标值进行缩放，比较容易理解，translate3d平移也是类似，比较简单，这里就不就介绍了
AlwaysSmlileWPC·2018-04-10 17:05

vue transition 的 从下往上进入 从上往下进入 从右往左进入 从左往右进入效果

%common1{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform0.5scubic-bezier(0.23,1,0.32,1
Embrace924·2018-02-28 10:31

Unity中Scale详解

通常意义下的缩放变换，指的是利用缩放矩阵和物体的齐次坐标相乘而进行变换，缩放矩阵形如：Scalex代表x轴方向的缩放Scaley代表y轴方向的缩放Scalez代表z轴方向的缩放当它与物体的齐次坐标相乘后
肚皮朝上的刺猬·2018-01-06 23:39

EaselJS

、动画、向量和位图的绘制EaselJS的常用API画图片用(Bitmap)画图形，比如矩形，圆形等用(Shape)【类似于改变坐标x，y，增加阴影Shadow，透明度Alpha，缩小放大ScaleX/ScaleY
sdbxpjzq·2017-12-28 00:00

11.18-11.19总结（transform，transition，媒体查询，弹性盒子）

比原来的位置右移30px，下移40pxtransform:translateY(20px);下移20px缩放scaletransform:scale(3,4);水平方向放大3倍，垂直方向放大4倍transform:scaleY
Andrea小绿豆·2017-11-23 17:31

前端面试题总结（一）

1、如何实现移动端一物理像素这道题就是之前写过的饿了么之1px像素实现，然而，我忘记了这个DPR，毕竟dpr我的第一反应是英语dpr...然后我就用很僵硬的文字描述，后来发现，是设置缩放scaleY，我却写出
chiuwingyan·2017-10-18 23:48

css3动画属性详解之transform、transition、animation

一、transform属性：旋转rotate（中心为原点）扭曲、倾斜skew（skew(x,y),skewX(x),skewY(y)）缩放scale（scale(x,y),scaleX(x),scaleY
ImpulsionAndpower·2017-10-11 17:01

移动端1像素的问题

解决这个问题，主要思想是：使用伪元素设置1px的边框，然后使用媒体查询，根据dpr的大小，对边框进行缩放（scaleY）。详细代码如下所示：App.vue:商品评价商店@import".
程序员之路·2017-09-28 20:02

Android动画的几种实现方式总结

set.playTogether(ObjectAnimator.ofFloat(imageViewOne,"scaleX",1,1.3f,1),ObjectAnimator.ofFloat(imageViewOne,"scaleY
Jaydenx·2017-09-07 09:38

CSS Sprite精灵图如何缩放大小

今天在写移动端网页的时候，由于PC和移动端的分辨率不同，所以精灵图需要缩小可以用两个方法解决：transform:scale(x)：语法为：transform:scale(x，y).同时有scaleX,scaleY
EarlEcho·2017-08-24 17:19
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他