草庐IT

缩放动画

全部标签

javascript - Css 动画以在悬停时扩展按钮文本

我想在鼠标悬停时在按钮上显示更多文本,并且我希望按钮随扩展文本缩小和增大。我需要一个通用的解决方案,因为按钮上的文本及其宽度将取决于用户选择的语言。这是我(目前没有工作)的尝试.hover-value{display:inline-block;visibility:collapse;width:0%;-webkit-transition:width2s;transition:width2s;overflow:hidden;}button:hover.hover-value{visibility:visible;width:100%;}ResultAddnewresult同样在JsFid

javascript - 如何使用 Angular 的 ngFor 实现项目重新排序/随机播放动画?

Vue用户很容易实现这样的itemshuffle动画,查看他们的官方文档:我搜索了很多,但找不到适合Angular用户的解决方案。ngFor似乎在洗牌时切换项目内容而不是移动项目。这是我的演示:http://embed.plnkr.co/3IcKcC/当您点击shift时,由于li{transform:all1s;},您应该会看到项目移动动画。但是当你洗牌时,没有动画。所以我在这里寻求解决方案。 最佳答案 这是此类功能的简单实现PlunkerExample1)构建指令@Directive({selector:'[transition

javascript - React-Native-Maps:如何动画协调?

我正在使用以下代码但没有成功://NativeBase容器内部//类的componentDidMount内部navigator.geolocation.getCurrentPosition((position)=>{varinitialPosition=JSON.stringify(position.coords);this.setState({position:initialPosition});lettempCoords={latitude:Number(position.coords.latitude),longitude:Number(position.coords.longi

javascript - CSS 缩放属性

Sitepointreference说InternetExplorerforWindowsversions5.5andabovesupportthenon-standardpropertyzoom,whichsetsthemagnificationscaleofanelement.There’snoCSS3equivalenttothisproperty(asyet).如何在标准浏览器中实现这种缩放效果?有可用的jQuery插件吗? 最佳答案 CSS3等价物在CSS2DTransforms中模块,特别是transform:scale

mtk lk充电&&关机充电&&关机动画显示

lk下充电:在启动时读取电压小于BATTERY_LOWVOL_THRESOLD便会到lk循环充电,这里的BATTERY_LOWVOL_THRESOLD是3.45v1、mtk_battery.c:通过fg计算电池充电电流,电池温度等2、mtk_charger_intf.c:在mtk_charger_init_list数组添加对应IC的probe去做chargerinitchargerinit:根据回调ops获取充电信息info,IC使能等3、mtk_charger.c:充电使能:charger_enable_charging充电保护状态,低电判断:is_low_battery,check_low

javascript - rect with stroke,笔划线在缩放时会被错误转换

我从这个网站和这里的贡献者那里得到了很多帮助,谢谢。现在我有一个关于Fabric.js中带有笔划的矩形的问题,因为我将它用作图像和文本的占位符,当我缩放它时,边框线宽度也被缩放,我认为这是我想要的问题保持边框宽度不变。varcanvas=newfabric.Canvas("c1");varel=newfabric.Rect({originX:"left",originY:"top",left:5,top:5,stroke:"#ccc",strokWidth:1,fill:'transparent',opacity:1,width:200,height:200,cornerSize:6}

javascript - d3 v4 - 缩放按钮与缩放行为冲突

我创建了一个gist我的问题。我从thisexample开始.所以我的问题是,除了鼠标控件之外,我还需要一些放大和缩小按钮。鼠标控制(使用滚轮缩放和平移通过拖动)是用zoom()behaviour实现的.它工作得很好。然后我添加了两个用于放大和缩小的按钮:var_zoom=d3.zoom().scaleExtent([1/2,8]).on("zoom",zoomed);vargui=d3.select("#gui")gui.append("span").classed("zoomin",true).text("+").on("click",function(){_zoom.scaleB

javascript - 鼠标悬停时jquery连续动画

我试图让动画仅在鼠标悬停在某个对象上时运行。我可以获得动画的一次迭代,然后在鼠标移出时将其设置回正常状态。但我希望动画在鼠标悬停时循环播放。我该怎么做,使用setInterval?我有点卡住了。 最佳答案 可以这样做:$.fn.loopingAnimation=function(props,dur,eas){if(this.data('loop')==true){this.animate(props,dur,eas,function(){if($(this).data('loop')==true)$(this).loopingAni

javascript - 如何使用 turn.js 进行缩放

我正在尝试使用turn.js制作一本动画书,它与网站上的示例具有相同的功能http://www.turnjs.com/samples/magazine/在研究如何实现这一点时,我看到了这些页面http://www.turnjs.com/docs/Method:_zoomhttp://turnjs.com/docs/How_to_add_zoom_to_turn.js但是按照页面上的这些说明操作后,我的动画书与示例动画书完全不同。我尝试使用提供的示例并将其分解成多个部分以使我的工作正常进行,但我还没有进一步解决这个问题,并且该示例包含一堆其他脚本,我不确定它们是否需要缩放或用于其他用途。

javascript - 我如何根据百分比为按钮的宽度设置动画,它的 backgroundColor 也是如此?

我有一些我想根据一个名为isFullWidth的bool值将其设置为从100%宽度变为40%宽度的动画。.我有:classAnimatedButtonextendsComponent{constructor(props){super(props);this.state={width:newAnimated.Value(100)};}toggleWidth(){constendWidth=this.props.isFullWidth?40:100;Animated.timing(this.state.width,{toValue:endWidth,duration:200,easing: