css3
qq_24581629
xx
展开
-
vue实现页面间的跳转动画
1、监听路由变化2种方式监听页面切换// 方式1(引入第三方库vue-navigation)this.$navigation.on('forward', (to, from) => { // 动画类 this.transitionName = 'slide-left'})this.$navigation.on('back', (to, from) => { this.transitionName = 'slide-right'})// 方式2(路由对象route上加原创 2020-08-29 12:03:12 · 1039 阅读 · 0 评论 -
css3 3D旋转效果
主要是运用到了两个 CSS 属性: transform-style perspectivetransform-style语法:transform-style: flat|preserve-3d;transform-style: flat; // 默认,子元素将不保留其 3D 位置transform-style: preserve-3d; // 子元素将保留其 3D 位置。persp转载 2017-04-10 16:19:17 · 797 阅读 · 0 评论 -
使用CSS3实现表格隔行/隔列变色以及表格最小高度问题
table tr:nth-child(odd){background:#F4F4F4;}table td:nth-child(even){color:#C00;} 分别选择为:奇数行、偶数列转载 2017-04-27 14:33:57 · 677 阅读 · 0 评论 -
css3中的width:100vh以及calc(100vh + 10px)
vh/vw vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw;vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax; vmin: 相对于视窗的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin; 视区所指为浏览器内部的可视区域大小, 即window.innerWid转载 2017-05-17 13:34:25 · 46402 阅读 · 0 评论 -
使用css美化单选框(radio)和复选框(checkbox)的样式
//html<label> <input name="checkbox" class="checkbox" type="checkbox"/> <s></s><span>天空</span></label><label> <input name="checkbox" class="checkbox" type="checkbox"/> <s></s><span>大原创 2017-11-16 17:21:51 · 4394 阅读 · 0 评论