English 中文(简体)
是否有办法在没有事件发生的情况下开始过渡
原标题:Is there way to start transition without an event
  • 时间:2011-11-18 17:29:30
  •  标签:
  • css

我正试图作出某种估计,我希望在不发生以下事件的情况下发生:被动或其他任何事件。 我想在第二页的负荷之后就这样做。 事实上,我希望这个目标从看不见的地方到现场(可见的地区)。 这样做是否有任何途径?

#scene {width:650px;height:300px;border:1px solid black;background-color:#FAFAFA;margin:0 auto;}
#sca {transition: background 2s;width:271px;height:180px;background: url(http://img521.imageshack.us/img521/7913/123hc.png) no-repeat;display:block;position:relative;right:300px; opacity:0.5; 
transition: opacity 2s;
-moz-transition: opacity 2s; /* Firefox 4 */
-webkit-transition: opacity 2s; /* Safari and Chrome */
-o-transition: opacity 2s; /* Opera */
transition-delay: 2s;
-webkit-transition-delay: 2s;
}
#sca:hover {opacity:1; }
最佳回答

是可能的,但并未建议。 http://bmccreative.com/blog%3aanimated-page-enter-with-cs3”rel=“nofollow”at 这个网站。 http://css3.wdfiles.com/ local-code/blog%3Aanimated-page-enter-with-css3/5”rel=“nofollow”>demo

一种比较相互兼容的方式是使用javascript 或j Query, 具体来说是j Query s ready, 加上animation < http://api.jquery.com/ category/effects/“rel=“nofollow”>effects

亲爱!

问题回答

安保部对事件的工作进行了过渡,没有这样做。 你们必须利用贾瓦特来做你们所期待的事情。

<代码>transition(标题)和animation(案文)。 可在没有活动的情况下开始,但<代码> 传输<>/代码>可上网查阅。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

Drop down background url in Safari Issue

selectBox.selectCSS { background: url(/Images/replacementSelectBackground.png) top left no-repeat height:auto; } I have an issue in Safari only where the image is not rendering on top ...

CSS specific for Safari

How do you target specifically safari in css with styles?

Aligning textarea in a form

Ive used the following css code to align my form elements: form { position:relative; } form input { position:absolute; left:11em; } However, the textarea element is not aligned correctly with the ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

CSS problem with page footer

I have defined my page footer in the css file as: #footer { position: absolute; height: 50px; text-align: center; background: #66CCCC; bottom: 0px; left: 0px; width: 100%; height: ...

热门标签