草庐IT

Transition

全部标签

html - 使 CSS Hover 状态保持在 "unhovering"之后

我遇到了一个以前从未真正需要处理的小问题。我是一名初学者网页设计师,最近我在网页上的一个div上使用了CSS悬停功能。将鼠标悬停在该div上时会显示另一张图片;但是,当您“悬停”时,新图像会消失,我希望它保持可见。这是我使用的代码示例:#about{height:25px;width:84px;background-image:url('about.png');position:absolute;top:200px;left:0px;}#onabout{height:200px;width:940px;position:absolute;top:60px;left:0px;color:

html - 如何最好地将 CSS3 过渡设置为无?

我如何才能使CSS转换在媒体查询或任何其他情况下不起作用?例如:@media(min-width:200px){element{transition:width1s;}}@media(min-width:600px){element{transition:none;//SETTONOTRANSITION}} 最佳答案 您可以将transition-property设置为none。这样,将不会应用过渡效果。像这样:-webkit-transition-property:none;-moz-transition-property:non

html - 如何最好地将 CSS3 过渡设置为无?

我如何才能使CSS转换在媒体查询或任何其他情况下不起作用?例如:@media(min-width:200px){element{transition:width1s;}}@media(min-width:600px){element{transition:none;//SETTONOTRANSITION}} 最佳答案 您可以将transition-property设置为none。这样,将不会应用过渡效果。像这样:-webkit-transition-property:none;-moz-transition-property:non

html - CSS3 可以过渡字体大小吗?

如何使鼠标悬停时字体变大?随着时间的推移,颜色过渡效果很好,但字体大小由于某种原因会立即切换。示例代码:bodyp{font-size:12px;color:#0F9;transition:font-size12s;-moz-transition:font-size12s;/*Firefox4*/-webkit-transition:font-size12s;/*SafariandChrome*/-o-transition:font-size12s;transition:color12s;-moz-transition:color12s;/*Firefox4*/-webkit-tran

html - CSS3 可以过渡字体大小吗?

如何使鼠标悬停时字体变大?随着时间的推移,颜色过渡效果很好,但字体大小由于某种原因会立即切换。示例代码:bodyp{font-size:12px;color:#0F9;transition:font-size12s;-moz-transition:font-size12s;/*Firefox4*/-webkit-transition:font-size12s;/*SafariandChrome*/-o-transition:font-size12s;transition:color12s;-moz-transition:color12s;/*Firefox4*/-webkit-tran

html - 使用 CSS 在悬停时对图像创建缩放效果?

我目前正尝试在悬停在我的四张图片之一上时创建缩放效果。问题是大多数示例通常使用表格或蒙版div来应用某种效果。这是一个实现我想要的东西的例子this.This到目前为止是我的代码。HTMLCSS#menu{max-width:1200px;text-align:center;margin:auto;}#menuimg{width:250px;height:375px;padding:0px5px0px5px;overflow:hidden;}.blog{height:375px;-webkit-transition:all1sease;-moz-transition:all1sease

html - 使用 CSS 在悬停时对图像创建缩放效果?

我目前正尝试在悬停在我的四张图片之一上时创建缩放效果。问题是大多数示例通常使用表格或蒙版div来应用某种效果。这是一个实现我想要的东西的例子this.This到目前为止是我的代码。HTMLCSS#menu{max-width:1200px;text-align:center;margin:auto;}#menuimg{width:250px;height:375px;padding:0px5px0px5px;overflow:hidden;}.blog{height:375px;-webkit-transition:all1sease;-moz-transition:all1sease

ios - 在进行布局到布局的导航转换时使用自定义转换布局

我正在将我的UICollectionViewController的useLayoutToLayoutNavigationTransitions属性设置为“YES”,以便为-[UINavigationControllerpushViewController:animated:]执行布局到布局的转换:和popViewControllerAnimated:。此外,我还实现了基于捏合手势的交互式过渡。此外,我还定义了一个自定义UICollectionViewTransitionLayout,其行为不同于UICollectionViewTransitionLayout的原始行为。我创建了一个“C

ios - 在进行布局到布局的导航转换时使用自定义转换布局

我正在将我的UICollectionViewController的useLayoutToLayoutNavigationTransitions属性设置为“YES”,以便为-[UINavigationControllerpushViewController:animated:]执行布局到布局的转换:和popViewControllerAnimated:。此外,我还实现了基于捏合手势的交互式过渡。此外,我还定义了一个自定义UICollectionViewTransitionLayout,其行为不同于UICollectionViewTransitionLayout的原始行为。我创建了一个“C

iPhone:两个 RootViewController 之间的淡入淡出过渡

Obj-C或MonoTouchC#答案很好。初始UIWindow的RootViewController是一个简单的登录屏幕。window.RootViewController=loginScreen;登录后,我将Root设为主应用window.RootViewController=theAppScreen;在此实例中,如何在两个RootViewController之间进行淡入淡出过渡? 最佳答案 我可能会建议一种不同的方法来制作动画。只需转到theAppScreenController首先,如果您需要用户登录,让它执行present