标签: transition

iPhone - 在启动期间放大

我不确定为什么,但我的应用程序没有所有iPhone应用程序启动时的放大动画.屏幕为黑色,放大,然后切换到实际视图.它不会放大实际视图.我是否在实现文件或Interface Builder中缺少选项?

任何帮助表示赞赏.谢谢.

iphone sdk transition

0
推荐指数
1
解决办法
323
查看次数

悬停时Jquery图像弹出窗口

我想知道如何在jQuery中实现这种过渡效果 -

我有一个图像,当我用鼠标悬停在图像上时,图像稍微过渡(放大尺寸),当我将鼠标悬停在图像上时,它会回落到原始大小.

这种行为就像我们在Google图片中看到的那样

javascript jquery transition image

0
推荐指数
1
解决办法
3004
查看次数

jQuery函数在点击之前启动,为什么?

所以我使用jquery和jquery.transit制作一个简单的框旋转.

我正在使用一个.click调用另一个命名函数的基本函数.但是,在我单击按钮之前执行命名函数(当页面加载时立即执行),我想知道为什么会发生这种情况,我该如何解决这个问题?

这是一个jsfiddle:http://jsfiddle.net/kdLSS/1/

我的代码:

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      background-color:yellow;
      width:100px;
      border:1px solid blue;
      position:absolute;
      left:50px;
    }
  </style>
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
  <script src='jquerytransit.js'></script> 
  <title>test</title>
</head>
<body>
  <script>
    $(function() {
      function hello() {
        $("#block").transition({
          perspective: '0px',
          rotateY: '180deg'
        }, 100 );
      }

      $("#go").click(hello())
    });
  </script>
  <button id="go"> Run</button>
  <div id="block">Hello!</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

非常感谢,感谢各州的人们!

javascript jquery transition click

0
推荐指数
1
解决办法
656
查看次数

动画在 FragmentTransaction (Android) 中不起作用

我对简单的片段切换越来越感到沮丧,由于某种原因它不播放任何动画。

片段切换本身有效,我可以看到我的新片段。然而,没有过渡。

谁能帮我理解为什么?这是我的片段交易代码:

public class FullscreenActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_fullscreen);
    }

    @Override
    protected void onResume() {
        super.onResume();

        new Handler().postDelayed(new Runnable() {

            @Override
            public void run() {
                FragmentTransaction transaction = getFragmentManager().beginTransaction();
                transaction.setCustomAnimations(R.anim.slide_out_right, R.anim.slide_out_right);
                transaction.replace(R.id.root, new InitialFragment(),"DDDDD");
                transaction.commit();

            }
        }, 3000L);

    }
}
Run Code Online (Sandbox Code Playgroud)

在这里,在 Slide_out_right.xml 中,该名称具有误导性 - 我已将其设置为更基本的内容,以确保我没有搞砸动画参数:

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:valueFrom="0"
    android:valueTo="1"
    android:propertyName="alpha"
    android:duration="@android:integer/config_mediumAnimTime" />
Run Code Online (Sandbox Code Playgroud)

不管怎样,我认为没有任何效果。我尝试使用 setTranstition(FragmentTransiniot.TRANSIT_ ALLMOST_ALL_OF_THE_FLAGS ),似乎没有任何效果。

我没有通过支持库使用片段,我正在使用 Android 4.1.2 的已 root 的 Galaxy S 上进行测试。

animation android transition fragment

0
推荐指数
1
解决办法
1453
查看次数

Css Transition Fade in delay淡出

我想动画css过渡,淡入然后延迟然后淡出是css3可能吗?

<div class="footer1">
<div class="content1">
<h1 class="animated fadeInLeft">IM A TEST</h1>
<h2 class="animated3 fadeInLeft">YES</h2> 
</div>
</div> 
Run Code Online (Sandbox Code Playgroud)

我做了一个jsFiddle:http://jsfiddle.net/nntYz/

谢谢你的时间

html transition css3

0
推荐指数
1
解决办法
9570
查看次数

在悬停时使用show/hide jquery函数进行平滑过渡?

我正在使用图像地图,当图像的某些部分悬停时,它显示div ..(就像在这个网站http://jquery-image-map.ssdtutorials.com/)我希望div以平滑过渡出现. ..这是我的js代码

var mapObject = {
    hover : function(area, event) {
        var id = area.attr('name');
        if (event.type == 'mouseover') {
            $('.' + id).show();
            $('#'+ id).siblings().each(function() {
                if ($(this).is(':visible')) {
                    $(this).hide();
                }
            });
            $('#'+ id).show();
        } else {
            $('.' + id).hide();
            $('#'+ id).hide();
            $('#room-0').show();
        }
    }
};
$(function() {

    $('area').live('mouseover mouseout', function(event) {
        mapObject.hover($(this), event);
    });

});
Run Code Online (Sandbox Code Playgroud)

任何人都可以建议我顺利过渡的变化...提前感谢!:)

html javascript jquery transition

0
推荐指数
1
解决办法
2万
查看次数

使用bootstrap时CSS中断

我正在制作一个导航按钮,它可以从3行转换为x

    var anchor = document.querySelectorAll('button');
    [].forEach.call(anchor, function(anchor) {
      var open = false;
      anchor.onclick = function(event) {
        event.preventDefault();
        if (!open) {
          this.classList.add('close');
          open = true;
        } else {
          this.classList.remove('close');
          open = false;
        }
      }
    });
Run Code Online (Sandbox Code Playgroud)
html,
body {
  height: 100%;
}
body {
  background-color: white;
  font-family: "Source Sans pro", sans-serif;
}
#mbtn {
  display: inline-block;
  margin: 0 1em;
  border: none;
  background: none;
}
#mbtn span {
  display: block;
}
.lines-button {
  padding: 2rem 1rem;
  transition: .3s;
  cursor: pointer;
  /* */
} …
Run Code Online (Sandbox Code Playgroud)

html css transition twitter-bootstrap

0
推荐指数
1
解决办法
284
查看次数

Android:如何为自定义按钮添加彩色淡入动画

我已经为一个按钮指定了2个状态(按下和未按下状态).按下的按钮有一个填充的颜色,而未按下的按钮有一个带有一些文本的边框.当用户触摸时,如何使未按下的按钮淡入按下的按钮,并在用户松开按钮后立即恢复到未按下的按钮?

编辑:

似乎大多数答案并没有完全解决我的问题,虽然transitiondrawable似乎可以工作,但我不知道如何用我当前的代码实现它.

为了进一步说明,以下是我的代码,用于存储在名为button.xml的drawable文件夹中的按钮

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:drawable="@drawable/buttonpressed"
        android:state_enabled="true"
        android:state_pressed="true"/>

    <item
        android:drawable="@drawable/buttonnormal"
        android:state_enabled="true"/>

</selector>
Run Code Online (Sandbox Code Playgroud)

我已经在我的主xml文件中引用了drawable xml.

我希望能够在按下按钮时从"按钮正常"淡入"按下按钮",并在按钮被释放时恢复为"按钮正常".

animation android transition button

0
推荐指数
1
解决办法
3020
查看次数

CSS:文本输入边框上的过渡效果

如何创建过渡效果,例如:

http://jsfiddle.net/mfn5nefb/6/

但是为了文字input

我尝试用替换h1input但不起作用。

css transition input border

0
推荐指数
2
解决办法
1万
查看次数

更改为Swift 3的UIViewControllerTransitioningDelegate定义可防止转换

我一直在按照教程添加为Swift 2编写的自定义转换:但我的自定义转换不会替换现有转换.

transition viewcontroller ios swift

0
推荐指数
1
解决办法
968
查看次数