码迷,mamicode.com
首页 >  
搜索关键字:transition    ( 1184个结果
position left50% transition:translate(-50%) 未指定元素的宽度 内容挤下问题
没有指定长度width的情况 使用position:absolute left:50% transform:translateX(-50%) bug:当文字宽度超过屏幕一般以上的时候,文字会被挤下。 原始代码: <div class="tips">让身边的 “Ta” 们更了解你的货车生活</div> ...
分类:其他好文   时间:2019-12-08 15:35:33    阅读次数:116
Hbase Region in transition问题解决
1 <!--?xml version="1.0" encoding="UTF-8"?--> hbase hbck -repair 强制修复 如果ok就可以 2 不ok,找到hdfs上对应的该表位置,删除,之后在使用hbase hbck -repair 解决过程: 第一次,使用了方法二,然后解决了问题 ...
分类:其他好文   时间:2019-12-08 01:26:29    阅读次数:128
用vue写一个仿简书的轮播图
原文地址:Bougie的博客 1.先展示最终效果: 2.解决思路 Vue的理念是以数据驱动视图,所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式,只需改变每张图片的class即可实现轮播效果。动画效果交给transition完成。可以将轮播图看成两个(mainSlide和ex ...
分类:其他好文   时间:2019-12-02 13:15:13    阅读次数:102
transform-transition-animation(2)
transform transform : none | <transform-function> [ <transform-function> ]* 也就是: transform: rotate | scale | skew | translate |matrix;注意:transform(变形) ...
分类:其他好文   时间:2019-11-27 11:54:49    阅读次数:59
CSS3 过渡
过渡:执行一定操作后某属性从指定状态过渡到另一状态。1.指定要添加效果的CSS属性。 2.指定效果的持续时间。 div{ transition: width 2s; -webkit-transition: width 2s; /* Safari */ } div:hover{ width:300px ...
分类:Web程序   时间:2019-11-26 15:03:37    阅读次数:87
前端每日实战:29# 视频演示如何不用 transition 和 animation 也能做网页动画
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/BxbQJj 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 htt ...
分类:Web程序   时间:2019-11-23 22:00:05    阅读次数:87
前端每日实战:37# 视频演示如何把握好 transition 和 animation 的时序,创作描边按钮特效
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/mKdzZM 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 htt ...
分类:其他好文   时间:2019-11-23 12:43:43    阅读次数:70
vue的transition-group实现列表的添加和删除动画
一、解释 1、在实现列表过渡的时候,如果需要过渡的元素,是通过 v-for 循环渲染出来的,不能使用 transition 包裹,需要使用 transitionGroup 2、 .v-move 和 .v-leave-active 配合使用,能够实现列表后续的元素,渐渐地漂上来的效果 3、给 rans ...
分类:其他好文   时间:2019-11-15 12:26:14    阅读次数:184
vue.js 过渡和动画
Vue 在插入、更新或者移除 DOM 时,动态添加css类名来达到想要的动画效果 1.transition标签 给元素包裹一个transition标签,并设置name属性的值,这个值可以随意设置,但是他会决定Dom更新时自动添加的css类名 这里name="xxx"作为演示 (1)当点击按钮,将p元 ...
分类:Web程序   时间:2019-11-10 19:10:19    阅读次数:100
CSS3 animation动画与transition过渡比较
共同点 animation动画与transition过渡都可以实现动画效果,拥有下面共同的属性 animation:mymove 2s linear infinite alternate; transition: width 1s ease-out; 1、动画名称(name)@key-frame 2 ...
分类:Web程序   时间:2019-11-06 00:56:04    阅读次数:123
1184条   上一页 1 ... 11 12 13 14 15 ... 119 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!