开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

bounceInDown动画结束后，资源在Internet Explorer10中不可见

bounceInDown是一种CSS动画效果，它可以使元素从上方弹跳进入页面。然而，在Internet Explorer 10中，这个动画结束后，元素可能不可见。

这个问题可能是由于Internet Explorer 10对CSS动画的支持不完善导致的。Internet Explorer 10是一个较旧的浏览器版本，它可能不支持某些CSS属性或动画效果。

为了解决这个问题，可以尝试以下几种方法：

使用其他浏览器：推荐用户使用现代浏览器，如Google Chrome、Mozilla Firefox或Microsoft Edge，它们对CSS动画的支持更好。
使用JavaScript库：可以考虑使用JavaScript库，如jQuery或Animate.css来实现动画效果。这些库可以提供跨浏览器兼容性，并且具有更好的动画效果。
检查CSS属性：检查使用的CSS属性是否在Internet Explorer 10中受支持。可以参考MDN文档或Can I use网站来查看CSS属性的兼容性。
提供替代方案：如果在Internet Explorer 10中无法实现相同的动画效果，可以考虑提供一个替代方案，例如静态图像或其他简单的过渡效果。

腾讯云相关产品和产品介绍链接地址：

腾讯云是一家领先的云计算服务提供商，提供丰富的云计算产品和解决方案。以下是一些与云计算相关的腾讯云产品：

云服务器（CVM）：提供可扩展的虚拟服务器实例，适用于各种计算需求。产品介绍链接：https://cloud.tencent.com/product/cvm
云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于各种应用场景。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理各种类型的数据。产品介绍链接：https://cloud.tencent.com/product/cos
人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。产品介绍链接：https://cloud.tencent.com/product/ai

请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

vue中的过渡和动画（详细的代码演示和讲解）

在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡 / 动画完成之后移除。...v-enter-to：vue 2.1.8 版及以上定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 v-enter 被移除)，在过渡 / 动画完成之后移除。...在离开过渡被触发时立刻生效，下一帧被移除。 v-leave-active：定义离开过渡生效时的状态。在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡 / 动画完成之后移除。...v-leave-to：vue 2.1.8 版及以上定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 v-leave 被删除)，在过渡 / 动画完成之后移除。...上边案例中的 type="transition" 表示以 transition 的过渡时长为总的动画时长，虽然 animation 早早的就结束了，但是 transition 还没有结束，所以绑定在元素上的类名没有立马消失

3.5K1 1

vue中使用animate css

vue2使用animate css 安装安装的方式有很多种 1.在html文件中直接引用从github上下载的资源 2.如果使用webpack并且用对了css-loader可以使用npm 安装 npm安装包依赖 npm install –save vue2-animate 3.在main.js中引用 require...item in items" v-bind:key="item"> { { item }} 2.使用不同的载入载出动画...leave-active-class="bounceRight-leave" > hello 第二种：使用in/out类名在动画名后面加上...向右快速淡出’, fadeOutUp: ‘向上淡出’, fadeOutUpBig: ‘向上快速淡出’ }, bounce: { title: ‘弹跳类’, bounceIn: ‘弹跳进入’, bounceInDown

9623 0

CSS3 动画 animation

写这里就当是文档看吧浏览器支持 Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。...注释：Internet Explorer 9 以及更早的版本不支持 animation 属性。...可选值为 infinite（无限次）n（比如 5 次） animation-fill-mode 动画在播放之前或之后，其动画效果是否可见。...none（默认） / forwards（动画完成后） / backwards（在动画显示之前） / both（两者）; animation-duration 规定完成动画所花费的时间，以秒或毫秒计必须规定否则...，不执行动画 animation-direction 规定是否应该轮流反向播放动画默认值 normal，alternate 为动画应该轮流反向播放。

4882 0

CSS3的变形transform、过渡transition、动画animation学习

- 规定被嵌套元素如何在 3D 空间中显示 perspective-origin 透视原点 -- 规定 3D 元素的底部位置 backface-visibility 隐藏内容的背面 -- 定义元素在不面对屏幕时是否可见...默认情况下，背面可见，这意味着即使在翻转后，变换的内容仍然可见。但当 backface-visibility 设置为 hidden 时，旋转后内容将隐藏，因为旋转后正面将不再可见。...默认值为0，表明动画不执行 4. animation-delay 动画延迟时间默认值0表示立即执行，正数为动画延迟一定时间，负数为截断一定时间内的动画。...step-start：马上转跳到动画结束状态。 step-end：保持动画开始状态，直到动画执行时间结束，马上转跳到动画结束状态。...不设置对象动画之外的状态 forwards：结束后保持动画结束时的状态，但当animation-direction为0，则动画不执行，持续保持动画开始时的状态 backwards：结束后返回动画开始时的状态

2.4K1 0

Android实现中轴旋转特效 Android制作别样的图片浏览器

在Android中如果想要实现3D效果一般有两种选择，一是使用Open GL ES，二是使用Camera。...首先在onCreate()方法中调用了initPics()方法，在这里对图片列表中的数据进行初始化。然后获取布局中控件的实例，并让列表中的数据在ListView中显示。...当点击了ListView中的某一子项时，会首先将ImageView中的图片设置为被点击那一项对应的资源，然后计算出整个布局的中心点位置，用于当作中轴旋转的中心点。...在TurnToImageView中监测动画完成事件，如果发现动画已播放完成，就将ListView设为不可见，ImageView设为可见，然后再创建一个Rotate3dAnimation对象，这次是从270...当点击ImageView时的处理其实和上面就差不多了，先将ImageView从360度旋转到270度（这样就保证以相反的方向旋转回去），然后在TurnToListView中监听动画事件，当动画完成后将ImageView

1.3K1 0

【Android 属性动画】属性动画 Property Animation 简介 ( 属性动画简介 | 属性动画特性 )

: 使用该框架 , 可以定义一个随时间改变的动画 ; 3.属性随时间改变 : 动画执行期间 , 修改任意对象的属性 , 其组件的变化生成一个动画 ; 4.不受可见性限制 : 即使该组件不可见 ,...或者绘制在屏幕外部 , 该动画也可以生效 ; 5.属性动画本质 : 属性动画在一个指定的时间段内 , 修改某个属性的值 , 或者某个对象的变量 ; 6.属性动画要素 : 将某个动作制作成属性动画 , 需要...: ① 指定属性 : 执行要修改哪个对象的哪个属性或者变量 , 之后将该属性或变量改变过程制作成动画 ; ② 起始结束值 : 指定属性的初始值 , 和最终动画结束时的属性值 ; ③ 指定时间 :...( Animator Set ) : 可以将动画编组成集合 , 可以有如下逻辑关系 : ① 集合中的动画一起播放 ; ② 集合中的动画按照先后顺序播放 ; ③ 集合中的动画在指定一定的时间延迟后播放..., 当前的可用资源 ( CPU , Memory 内存等 ) 是否充足 ; 2> 计时器性能 : 系统为基础的计时器模块提供的服务有多快 ;

4.6K2 0

Android中轴旋转特效实现，制作别样的图片浏览器

在Android中如果想要实现3D效果一般有两种选择，一是使用Open GL ES，二是使用Camera。...首先在onCreate()方法中调用了initPics()方法，在这里对图片列表中的数据进行初始化。然后获取布局中控件的实例，并让列表中的数据在ListView中显示。...当点击了ListView中的某一子项时，会首先将ImageView中的图片设置为被点击那一项对应的资源，然后计算出整个布局的中心点位置，用于当作中轴旋转的中心点。...在TurnToImageView中监测动画完成事件，如果发现动画已播放完成，就将ListView设为不可见，ImageView设为可见，然后再创建一个Rotate3dAnimation对象，这次是从270...当点击ImageView时的处理其实和上面就差不多了，先将ImageView从360度旋转到270度（这样就保证以相反的方向旋转回去），然后在TurnToListView中监听动画事件，当动画完成后将ImageView

1.3K6 0

卡牌特效: svg不规则倒计时动效

导语：直播过程中，往往会有各种动画特效增强直播效果，近期需求中，设计要求在企鹅电竞PC官网上实现一种卡牌效果，在不规则图片上叠加倒计时效果。...end：开始结束时间，可以是单时间或分号隔开的时间列表，常见单位有 “h”|”min”|”s”|”ms” from, to, by, values 开始结束点 fill：表示动画间隙的填充方式。...其中remove是默认值，表示动画结束直接回到开始的地方。freeze“冻结”表示动画结束后像是被冻住了，元素保持了动画结束之后的状态。...repeatCount：动画执行次数 repeatDur：定义重复动画的总时间当stroke-dasharray的可见长度等于圆环的周长，此时可见长度刚好覆盖了整个圆环，基于以上的实现，再加上动画，就可以实现圆环动画了...同比，我们在svg中也使用svg的蒙版属性mask来实现遮罩。

2.1K3 0

css笔记 - animation学习笔记(二)

所有动画属性 animation-name keyframes动画的名称属性含义备注动画名称就是keyframes规定的动画名称不设置动画不成功 none 设置后无动画效果如果真的没有动画就不需要设置...| 必须是正整数 start/end | 设置最后一步的状态 | start为结束时的状态（第一帧是第一步动画结束），end为开始时的状态(第一帧是第一步动画开始) 定义steps的keyframes...animation-fill-mode 动画时间之外的状态属性含义备注 none 不改变默认行为 forwards 动画完成后，保持最后一个属性值（在最后一个关键帧中定义）感觉就像定格最后一针的效果不变...backwards 延迟执行时间段内，动画开始前，应用开始属性值（在第一帧中定义）同上，只不过将变化的第一帧先定格展示出来 both 向前和向后填充模式都被应用。...上边两个结合应用，开始前将第一帧先展示，结束后最后一帧定格不变。

4742 0

Android中21种drawable标签大全

属性 android:drawable 指定drawable资源，如果不设置该属性，也可以定义drawable类型的子标签 android:visible 设置初始的可见性状态，默认为false android...另外经测试，在valueFrom和valueTo中的path格式要一一对应，否则也会crash，也没有日志，我的理解是因为无法计算出动画数据。...如果不设置drawable属性，该标签下可以定义drawable类型的子标签 transition：它的属性： android:fromId 开始item的id android:toId 结束item的... 可以看到在上面的例子中，实现了点击效果的动画，在非点击和点击两种状态转换时播放帧动画...adaptive-icon 自适应图标，必须在xxx-v26目录下，且其他版本目录中也要有对应资源，比如在mipmap-anydpi-v26中有一个adaptive-icon资源，在mipmap-xhdpi

2.1K2 0

实战 | 使用揭露动画（Reveal Effect）做一个丝滑的Activity转场动画

；这篇文档跟代码算是帮上大忙了，有较大的参考价值；不同的是作者的思路是在跳转的目标活动中，启动做揭露动画的收挽，收挽结束后再finish()；我这里根据情况修改为跳转的目标活动中按下返回键即...GitHub中附方法详解图引子 ---- 使用揭露动画做一个丝滑的Activity转场动画, 关于这个需求，可能不同的同学，会有不同的问题，我这里把可能遇到的问题跟我在完成这个demo的过程中遇到的问题做一个总结...详细可见参考文档； “丝滑”之解这个转场动画要实现得丝滑，需要注意几个细节：活动A跳转到活动B的情况下， a.在A点击触发跳转时刻，揭露动画要放在哪个活动展开； b.在B按下返回键之后，揭露动画又要放在哪个活动收挽...在子线程中get坐标对，调用createRevealAnimator()创建并配置一个animator;--->> 2.3....mPuppet.setVisibility(View.INVISIBLE);//动画结束时，揭露动画设置为不可见！！！

1.8K3 0

终于不再对transition和animation,傻傻分不清楚了 --vue中使用transition和animation

正式使用transiton和animation,把知识进阶一下，使用transition标签 1、使用基础的transiton和animation动画 1 /*v是默认的，在transition...，fadeOut就是动画效果 21 */ 22 /*before-enter这些就是钩子函数，是滑动进入状态 23 mode="out-in"是设定动画是先入后出，还是先出后入 24...appear 是设置加载时就要开始动画 25 */ 26 // 进入中 27 //动画进入前 28 // -------- 29 beforeEnter: function (el) { 30..., done) { 37 // ... 38 done() 39 }, 40 //动画进入后 41 afterEnter: function (el) { 42 // ... 43...fadeOutUpBig: '向上快速淡出' 21 }, 22 bounce: { 23 title: '弹跳类', 24 bounceIn: '弹跳进入', 25 bounceInDown

1.1K1 0

Android样式的开发:drawable汇总篇

普通图片图片是最常用的drawable资源，格式包括：png(推荐)、jpg(可接受)、gif(不建议)。...inset标签的可设置属性如下： android:drawable 指定drawable资源，如果不设置该属性，也可以定义drawable类型的子标签 android:visible 设置初始的可见性状态...当裁剪方向为vertical时，图片不会被裁剪，除非level设为了0，此时图片不可见 fill_horizontal 在水平方向上拉伸图片以填满容器的整个宽度。...="wrap_content" android:background="@drawable/bg_img" android:src="@drawable/clip" /> 在代码中设置...="wrap_content" android:background="@drawable/bg_img" android:src="@drawable/scale" /> 在代码中设置

2.2K1 0

05-老马jQuery教程-动画

下滑显示（slideDown) 语法：slideUp([speed,[easing],[fn]]) 通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。...这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏起来。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。参数跟show保持一致，不再赘述。...折叠隐藏效果（slideUp) 语法： slideUp([speed,[easing],[fn]]) 通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。...不赘述。...，表示结束当前的动画。

2K0 0

使用Web动画API制作

---- 浏览器支持在我撰写本文时，除了Safari和Internet Explorer（IE是全民公敌、Safari是新时代的IE）之外，所有主流浏览器至少部分支持Web动画API。...使每个粒子淡出时，将其从鼠标位置动画化到随机位置动画完成后，从DOM中删除步骤1：点击事件 // 我们首先检查浏览器是否支持Web Animations API if (document.body.animate....9, .57, 1)', // 将每个粒子延迟从0ms到200ms的随机值 delay: Math.random() * 200 }); } 因为我们有一个随机的延迟，所以等待开始动画的粒子在屏幕的左上角可见...particle { /* 和之前的一样 */ opacity: 0; } 步骤5：动画完成后删除粒子从DOM中删除粒子元素很重要，因为我们每次点击都会创建30个新元素，所以浏览器的内存很快就会被填满...我们可以这样做： function createParticle (x, y) { // 和前面的相同 // 动画结束后，从DOM中删除元素 animation.onfinish = ()

1K1 0

玩转HTML5移动页面(动效篇)

效果就是两个元素分别从上面掉下来，这里有个小细节（keyframes），为了让掉下来的动画生动点，应该是在90%的时候先掉下一点点，然后瞬间在100%时回跳5px。还有个细节，安卓2.3....*不能良好支持-webkit-animation-fill-mode，也就是渐变动画不能停止在最后一帧。...CSS是资源浪费）。...（3）SVG动画 SVG技术越来越不陌生，使用门槛也渐渐降低，而且SVG动画还可以使用CSS控制。先看个生日页面，是个SVG的蛋糕： ? （查看DEMO）可见SVG是很强大的！...但是有一种hack的方法可以让IOS微信侧页面自动播放（SAFARI依旧无效）：通过new一张图片，监听一张图片的onload事件，结束后回调执行音频播放audio.play()即可，原理估计是动了dom

4.2K8 0

Android6.0源码分析之View（一）

，是在context所获取的theme中寻找view所对应的一个item属性，用来规定view的样式资源style int defStyleRes：样式资源style的id，可以使用自己自定义的style...来给view，自定义的style可以通过context获取到resource资源获取，但是这个只有在主题中没有定义样式资源这个属性或者样式资源这个属性为0时才会起作用添加view的方法可以在代码中动态添加方法...view中所想要的宽高 the Sec第二对，width/height有时也叫drawingwidth/drawingHeight，绘制的宽高（getWidth/height）：定义了在layout结束后在...在递归测量的过程中每一个view把自己的测量数据交给view树。在测量过程结束后每一个view存储了自己的测量值。...当开始动画后，framework会按照动画要求对view进行重新绘制，直到动画结束。

8728 0

基于Glide的二次封装

也不例外。...今后我们如果需要使用其他的图片加载框架，只需要继承ILoader，然后在GlobalConfig中配置即可。...总结总结一下，其实主要思路就是在GlobalConfig中选择使用哪一个图片加载库，然后将使用者的所用设置信息保存在SingleConfig中，然后在具体的Loader中去实现，本文使用的Glide，...到这里我们的封装就结束了，就可以愉快的使用了，欢迎大家提出意见与建议。...Glide二次封装库源码欢迎点击star 使用在gradle中添加如下配置 compile 'com.libin.imageloader:ImageLoader:1.0.3' 在Application

1.1K1 0

06-移动端开发教程-fullpage框架

function () { $('#dowebok').fullpage(); }); 3. fullpage的初始化的设置在初始化全屏插件的时候...true 是否使用键盘方向键导航 touchSensitivity 整数 5 continuousVertical 布尔值 false 是否循环滚动，与 loopTop 及 loopBottom 不兼容...afterRender 页面结构生成后的回调函数，或者说页面初始化完成后的回调函数 afterSlideLoad 滚动到某一水平滑块后的回调函数，与 afterLoad 类似，接收 anchorLink...配合fullpage的onLeave事件，可以实现在上一屏离开的时候，给下一屏添加动画样式类，并把上一屏的动画样式类去掉。动画样式类可以提前记录在一个数组中或者是放到动画元素的自定义属性中。... <h3 class="sec-title amt amt-delay-3" amt="<em>bounceInDown</em>

5.1K5 0

wxss学习《五》所有以a，b开头的属性

规定当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。 12.animation-iteration-count：定义动画播放的次数。...15.animation-timing-function: 指定动画将如何完成一个周期。取值：linear（动画从头到尾的速度是一样的。）， ease（动画以低速开始，然后加快，在结束前变慢。）...， ease-in（动画以低速开始）， ease-out（动画以低速结束）， ease-in-out（动画以低速开始结束）， cubic-bezier(1, 0, 0, 1)（在cubic-bezier...代码就跟简单：在wxml就只有一个我是动画。以下的都是wxss中。当然小程序的组件基本上都试过了，都可以。要实现css的动画，必须要知道@keyframes规则。...就是在动画里旋转后，背面是不是显示。取值有：visible（可见），hidden（不可见）。二：background，背景。三：behavior：只有IE支持这个属性。就不说了。

1.4K8 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭