• 关于

    CSS动画效果

    的搜索结果

回答

ReCSS3动画和js动画的区别是什么?各有什么优劣呢? css3可以很便捷的实现一些动画效果,并且在支持css3的浏览器下表现不错,用js做动画的话,除非是在非常古老的浏览器(你懂的)下运行,一般也不会有卡顿问题,不过还是建议在支持css3的浏览器下使用css3去做动画。移动端的话,其实能用的效果真的不多,以前做过一个折叠效果,在安卓下完全不堪入目,IOS下也是勉强看到折了那么一下,但是pc上看就很顺畅,一般的滑动效果还是没有问题的,而且相当顺畅。 总结下,工作中如果要兼容那些老古董的话,还是用js去写动画,如果只需要兼容现代浏览器的,尽量使用css3做动画,移动端就完全不要考虑js写动画了。
何强 2019-12-02 00:13:40 0 浏览量 回答数 0

问题

前端进阶CSS3详解 【新手百问合集】

小编我很不容易的帮大家整理出来这些满满的干货,希望能对大家有所帮助~1、css3移动端布局的问题 https://yq.aliyun.com/ask/203892、网页中用到的圆角效果(css3 border-readus)怎样兼容I...
马铭芳 2019-12-01 20:09:02 6157 浏览量 回答数 2

问题

【精品问答】前端实战100例之JavaScript篇

前端实战100例之JavaScript篇 前端JavaScript部分入门的例题为大家总结了100个,每个例题都附有代码解析,方便入门学习或做基础巩固。 1.用JavaScript输出文本 2.用JavaS...
珍宝珠 2020-02-14 15:10:56 1456 浏览量 回答数 1

问题

JS/CSS 手风琴动画效果

JS/CSS 手风琴动画效果...
游客ejnn55cgkof5g 2020-02-13 16:52:19 30 浏览量 回答数 2

问题

JS/CSS 侧边栏 - 无动画效果

JS/CSS 侧边栏 - 无动画效果...
游客ejnn55cgkof5g 2020-02-13 16:16:43 3 浏览量 回答数 1

问题

JS/CSS 带图标手风琴动画效果

JS/CSS 带图标手风琴动画效果...
游客ejnn55cgkof5g 2020-02-13 19:37:24 1 浏览量 回答数 1

问题

请问这种滚动到一定位置的出现动画效果是怎么实现的?

http://www.imooc.com/就是上面这个网站的效果,当页面向下滚动时,出现动画效果,不往下滚动下面的动画效果就不会自动执行掉,我想js可以根据滚动条高度来判断并执行动画,但是我想问的是,能否用css3来实现这种效果?...
杨冬芳 2019-12-01 19:43:03 1310 浏览量 回答数 1

问题

后盾网CSS3新手系列培训教程

本教程是后盾网推出的CSS3新手系列培训教程,课程主要通过教学各种效果的实现来帮助大家掌握CSS3。CSS3是最新的CSS标准,并且完全向后兼容,因此您不必改变现有的设计。CSS3提供了非常多新途径...
webssss 2019-12-01 20:59:32 8780 浏览量 回答数 0

问题

fadeIn下拉菜单重复触发事件

想实现的效果 fadeIn()实现弹出下拉菜单,下拉菜单里实现鼠标覆盖二级栏目样式变化的效果。 出现的问题 鼠标在二级菜单列表上移动时不停闪动。据我猜测,每次触发二级栏目样式变化都会再次触发fadeIn()效果,因为在二级栏目上快速移动鼠标...
小旋风柴进 2019-12-01 19:37:13 842 浏览量 回答数 1

问题

fadeIn下拉菜单重复触发事件

想实现的效果 fadeIn()实现弹出下拉菜单,下拉菜单里实现鼠标覆盖二级栏目样式变化的效果。 出现的问题 具体见此网站鼠标在二级菜单列表上移动时不停闪动。据我猜测,每次触发二级栏目样式变化都会再次触发fadeIn()效果,因为在二级栏目上...
杨冬芳 2019-12-01 19:54:12 716 浏览量 回答数 1

问题

ionic animation失效

用angular ui router写的一个小效果。里面的animation没有效果。我不知道是我用的版本的原因还是其他原因。html页面如下 tab页面内容如下 路由效果是实现了。但是没有animation动画。 跳的四个页面内容...
杨冬芳 2019-12-01 20:10:00 1226 浏览量 回答数 1

回答

height: 0;相对于 display 来说适用范围太窄,但是好处是能使用 CSS3 动画。opacity: 0;严格来说这个并不是隐藏,透明之后它还占据着页面位置,所以在重排的时候还是会被计算消耗性能。visibility: hidden和 opacity 差不多,也会占据位置,不过不会响应点击事件。position: absolute; left: -9999px通过移出可见区域来达到隐藏,效果还可以,就是看着比较恶心。目前 display 除了不能加入 CSS3 动画豪华大餐之外,基本效果卓越,没什么让人诟病的地方。
a123456678 2019-12-02 02:24:55 0 浏览量 回答数 0

问题

H5css3圆形进度条、css3动画指针旋转特效

HTML5+css3开发的动态进度条特效、圆形指针旋转效果,高逼格噢, 不多介绍, 直接上图:...
xiaoyan2015 2019-12-01 22:09:56 3064 浏览量 回答数 0

回答

这是CSS3动画本身的问题。还有reflow与否的问题。简单来说,当有使浏览器reflow的操作的时候,动画会被重置,这时就能重复运行,但单单是repaint不行。而修改一个类的动画效果应该是能引起浏览器的reflow的,但是由于chrome等浏览器的优化,在同一个函数块里对同一个元素的cssText进行修改,它会把所有累加再在最后进行修改。而IE则是每一次修改都会。所以当你在chrome里设断点单步运行时,o_bar.style.cssText="";这句不会起作用。所以你加了延时后又起作用了。W3C's opition里有句这样的描述。In order to restart an animation, it must be removed then reapplied.就是对于这个描述,除了加延时之外还可以用修改元素的宽度、用两个不同名但同样的动画相互替换等方法来达到目的,简单来说就是要引起浏览器的reflow。还有几点很有意思,对于css动画,它运行结束并不会自动的赋予pause状态,仍旧是running状态。更多的你可以google一下,关键字是 restart css animation。
a123456678 2019-12-02 02:07:28 0 浏览量 回答数 0

问题

用animate.min.css出现闪屏问题

利用用animate.min.css写动画效果,比如说加载到一个界面时先一片空白然后某些元素淡入,现在的问题是所有的元素都显示出来,然后才开始动画,所以就出现了闪屏的问题,...
DM。 2020-06-01 15:03:32 0 浏览量 回答数 1

回答

动画效果使用css3控制动画过度时间
杨冬芳 2019-12-02 02:54:44 0 浏览量 回答数 0

回答

效果方面的主要是css的内容。如果是发光动画的话,可以了解一下css的animation。如果是静态的,可以试试用box-shadow,做出来亮色的光晕
lukeisme 2019-12-02 00:53:15 0 浏览量 回答数 0

回答

1.项目开始的时候,明确要兼容到什么程度,选择合适的技术方案。比如项目明确要兼容到IE6还要用Angular,React是不是作死。2.兼容性解决方案,明确效果是要优雅降级还是渐进增强。两种思路的区别◦优雅降级,优先支持新版本浏览器,低版本浏览器能看就行。◦渐进增强,优先支持低版本浏览器,对新版本浏览器提供更多的功能。3.明确了兼容要求,选择解决方案,拿鼠标经过背景图变大,变大过程有动画这个效果为例。◦优雅降级的解决方案是使用CSS,IE9+有动画效果,IE9-就是生硬的变大变小。◦渐进增强则是使用JS,保证低版本浏览器有效果,高版本浏览器使用CSS提供更好性能。4.符合需求的解决方案有多种。在解决方案优劣程度一致的情况下,如何选择更多是团队代码规范的问题了。
杨冬芳 2019-12-02 02:55:31 0 浏览量 回答数 0

问题

jquery的.css设置怎么产生渐变?

我设置了一句 nav.css("opacity","1"); 让变量nav的opacity从0变成1.请问高手这句怎么写能产生动画效果???...
a123456678 2019-12-01 20:23:02 656 浏览量 回答数 1

问题

碰上 一个怪异的css动画

.show{ animation:show 3s ease-in-out ;/*应用动画---------*/为什么这个动画没有效果? } @keyframes show{ from{ vi...
杨冬芳 2019-12-01 19:50:48 912 浏览量 回答数 1

回答

答案: 尽量使用 css3 动画,开启硬件加速。适当使用 touch 事件代替 click 事件。避免使用 css3 渐变阴影效果。 尽可能少的使用 box-shadow 与 gradients。box-shadow 与 gradients 往往都是页面的性能杀手
kun坤 2019-12-02 03:23:28 0 浏览量 回答数 0

问题

刷新网页后重写url,去掉锚点链接。

当我刷新此页面时,锚点还是指向panel2。此时利用CSS3:target伪类实现的锚点链接还在url上,这样的话点击一次之后,无论怎么刷新页面当前列表一直是打开的,而且如果有动画效果就会自动显示动画效果。请问怎么实现刷新页面去掉锚点链接。...
杨冬芳 2019-12-01 20:04:40 1548 浏览量 回答数 1

回答

使用css3的transaction和transform。transaction里面定义时间和缓动函数。transform里面使用translate3d替代left属性来做动画,这个属性会调用显卡做加速,动画效果比left要好,流畅得多。
a123456678 2019-12-02 02:08:14 0 浏览量 回答数 0

问题

css元素水平排列,水平方向溢出

想试下做出fullpage.js的效果但是每个区块不是正常的垂直排列,而是水平的排列动画效果倒是不难实现反而是让元素在水平方向上排列想爆了头虽然最终还是实现了但是我是把每个区块元素的css属性写成#header, #body, #foote...
a123456678 2019-12-01 19:29:40 931 浏览量 回答数 1

问题

【精品问答】前端开发必懂之CSS技术八十问

前端必懂知识CSS技术八十问面世啦,持续关注有惊喜 1.实现不使用 border 画出 1px 高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果 2.介绍一下标准的 CSS 的盒子模型?...
茶什i 2019-12-01 22:00:52 1642 浏览量 回答数 1

问题

谋站首页的CSS3样式在IE7、8下也起作用,他们用的是什么解决方案?

最近在做一个页面,考虑低版本浏览器只实现基本的显示,不实现高级的效果。但是今天看了B站,他们的页面在IE7、8中和现代浏览器中完全一样,包括圆角、阴影、css动画都有效。请教他们用的是什么解决方案?...
杨冬芳 2019-12-01 19:53:48 927 浏览量 回答数 1

回答

Css3动画效果是可以做的 事件触发部分只能用js
杨冬芳 2019-12-02 02:34:32 0 浏览量 回答数 0

回答

怎么说呢,HTML5推行的是语义化,如果你所指的HTML5不包含CSS3的话,用HTML5写的页面其实跟HTML4.0和XHTML1.0没什么区别,可能就是把常用的div标签换成了header、footer、aside、section、nav...(其实就是div,起码浏览器端是看不出什么区别的),而CSS3呢,例如它的表单验证,真正项目中你还是不会用的,因为它太简陋了,我们更倾向于使用现成的JQuery库或者其它库,当然也有好的一面,如:HTML5的音频、视频、画布...和CSS3的动画、过渡、2D与3D变形、渐变、文本的阴影和裁剪效果、多列布局、弹性布局...
杨冬芳 2019-12-02 02:55:13 0 浏览量 回答数 0

问题

在学习写微信页面切换的时候,发现动画效果失效了

写的CSS代码如下:写的js代码如下:...
杨冬芳 2019-12-01 20:07:28 1696 浏览量 回答数 1

问题

banner滚动时还要兼容各个 浏览器

找了很多轮播图插件,都没有想要的滚动条效果,所以想自己做,就3张banner,banner滚动时,那个绿色的条条也要跟着滚动,貌似要加个css动画效果,还要兼容各个 浏览器,请大家帮助我一下...
杨冬芳 2019-12-01 19:39:00 1078 浏览量 回答数 1

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT