标签: transition

是否可以仅为一种css变换设置动画(使用过渡)？

我有css:

cell{
  transform: scale(2) translate(100px, 200px);
  transition: All 0.25s;  
}

现在,我只希望缩放比例为动画.在这种情况下,我可以使用position:absolute和left/right属性,但据我记得,translate()在性能方面要好得多.我还想避免使用额外的html元素.

小提琴:http://jsfiddle.net/6UE28/2/

在我的Android应用程序中,我正在制作一个方法来弹出所有活动并调出第一个活动.

我用这个代码:

Intent intent = new Intent(this, MMConnection.class);
intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
this.startActivity(intent);

我注意到转换仍然是从左到右的动画,有人知道在开始活动时是否有办法改变系统动画？

实际上,我理想地希望有一个从右到左的过渡(就像点击返回按钮时)

感谢帮助!

在视图或转换中是否有任何好的Android动画教程？完整的教程或指南可能会有所帮助.

我想使用CSS3颜色过渡将高亮淡化效果(黄色到透明)应用于使用JQuery附加到标记的新元素.

CSS

#content div {
    background-color:transparent;
    -moz-transition:background-color 2s;
    -webkit-transition:background-color 2s;
    -o-transition:background-color 2s;
    transition:background-color 2s;
}

#content div.new {
    background-color:yellow;
}

HTML

<div id="content"></div>
<a id="add-element" href="#">add new element</a>

JS

$('#add-element').click(function() {
    var newElement = $('<div class="new">new element</div>');
    $('#content').append(newElement);
    newElement.removeClass('new');
});

单击链接时,将创建新元素.它的类是"新"(背景颜色为黄色),它附加到HTML标记.我应该能够立即删除"新"类以触发背景颜色过渡到透明(或任何其他颜色).我显然做错了,因为新元素的背景颜色立即显示为透明,没有过渡效果.我知道我可以在JQuery UI中执行此操作,但我想使用CSS3过渡.

jsfiddle在这里:

http://jsfiddle.net/paulaner/fvv5q/

我正在使用d3.js树,并且想要动态添加节点,而不是预先加载整个树.

如何在单击节点时动态添加其他JSON节点,以修改以下内容？(见下面的链接,以及下面的代码)

http://mbostock.github.com/d3/talk/20111018/tree.html

因此,不是预先加载整个树,而是仅在单击父级时才检索子节点.我可以在toggle函数中检索子节点的json,但是我无法弄清楚如何将它们添加到树中.

var m = [20, 120, 20, 120],
    w = 1280 - m[1] - m[3],
    h = 800 - m[0] - m[2],
    i = 0,
    root;

var tree = d3.layout.tree()
    .size([h, w]);

var diagonal = d3.svg.diagonal()
    .projection(function(d) { return [d.y, d.x]; });

var vis = d3.select("#body").append("svg:svg")
    .attr("width", w + m[1] + m[3])
    .attr("height", h + m[0] + m[2])
  .append("svg:g")
    .attr("transform", "translate(" + m[3] + "," + m[0] + ")");

d3.json("flare.json", function(json) {
  root = json;
  root.x0 = …

在Apple官方的iPhone地图应用程序中,右下角有一个小的"页面卷曲"按钮.按下它时,地图本身会向后剥离以显示一些选项.我想在我自己的应用程序中复制此效果.

我正在尝试使用UIModalTransitionStylePartialCurl(在SDK 3.2中添加).就其布局而言,我的应用程序几乎完全类似于Apple的官方地图应用程序.我可以轻松地将整个屏幕剥离,露出下面的另一个视图,但我不想要这个.我只想让地图视图剥离.

要创建此效果,您必须具有将执行转换的UIViewController.如果我将这个UIViewController的视图设置为屏幕上某个不占用整个屏幕的小子视图,我可以将该子视图剥离.那很棒!但是,在转换的第二部分(当页面重新放回原位)之后,视图永远不会从它们开始的位置开始.剥离的视图将从其原始位置移开,或者显示的视图将扩展为占据整个屏幕.

我有没有明显的错误？我真的很感激任何帮助!

我正在使用的代码非常简单.它基本上只是:

underMapViewController.modalTransitionStyle = UIModalTransitionStylePartialCurl;

[curlableMapViewController presentModalViewController:underMapViewController animated:YES];

transition当用户悬停图像时,我正在做一个淡入透明白色的地方.

我的问题是我需要将颜色变淡,变为黑色.我试过只是简单地添加background:black;到包含transition它的类,但它不起作用,幸运的是,它仍然逐渐淡入白色透明.

我使用的CSS代码是:

.hover:hover {
  opacity: 0.2;
}

.item-fade {
  background: black;
  opacity: 0.8;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

<p>Hover image, the white opacity needs to be black :/</p>
<img src="//placehold.it/100x100" class="hover item-fade" />

我在堆栈中有两个活动,为了显示它们我使用FLAG_ACTIVITY_REORDER_TO_FRONT.到目前为止,当我想使用overridePendingTransition为动画带来动画时,问题就出现了.

Intent i = new Intent(ActivityA.this, ActivityB.class);
i.addFlags(Intent.FLAG_ACTIVITY_REORDER_TO_FRONT); 
ActivityA.this.startActivity(i);
overridePendingTransition(R.anim.transition_to_right, R.anim.transition_to_left);

但是,如果没有将标志添加到意图(删除第2行),则不会显示转换,则没有问题.

是否可以通过动画将活动带到前面？

非常感谢!

我正在iOS 6和iOS 7之间进行UI转换.

我们有一个与UISearchDisplayController相关的UISearchBar,我已经将navigationBar的backgroundImage和searchBar设置为用颜色动态创建的1x1图像.

self.searchDisplayController.searchBar.translucent = NO;
self.searchDisplayController.searchBar.barTintColor = [UIColor clearColor];
self.searchDisplayController.searchBar.tintColor = [UIColor myTintColor];
self.searchDisplayController.searchBar.backgroundImage = [self imageWithColor:[UIColor myBGColor]];
self.searchDisplayController.searchBar.scopeBarBackgroundImage = [self imageWithColor:[UIColor myBGColor]];

在iOS6上,一切都按预期工作.在iOS7上,当选择了searchBar时,scopeBar会出现好的backgroundImage(使用searchBar.scopeBarBackgroundImage设置),但searchBar是一种半透明的灰色.当我按下取消时,searchBar backgroundImage又回来了.

////////////////////////////////////////////////// ////////////////////////////////////////////////// /

编辑问题

////////////////////////////////////////////////// ////////////////////////////////////////////////// /

实际上,我确实在这里和那里使用了barTintColor和其他选项,但它不起作用.这是barTintColor设置为相同颜色的结果.但是顶部有这个白色层

我想知道是否有一种简单的方法来修改Sankey图示例,以便顺利过渡到新数据.例如,假设我有不同的数据文件(energy1.json,energy2.json ...)d3如何绘制第一个数据集的Sankey图,然后等待并稍后重新排列框处置以表示第二个数据集？