不用任何 JavaScript 脚本,使用纯 CSS 实现页面之间的平滑过渡,体验 transform、transition、animation 带来的神奇体验。
中级7074次播放
《CSS3 3D 特效视频教程》是通过CSS3 当中的transition属性、perspective属性、transform属性来创建真实可用的三维效果。
初级6376次播放
《CSS3实现按钮特效视频教程》分为二个实例讲解,第一个实例用纯CSS3代替JavaScript实现按钮动画效果,并详细讲解CSS3新增的transition、transform等属性。第二个实例重点介绍利用<a>标签制作自适应宽度的圆角按钮。
中级5351次播放
.two{width: 100px;height: 100px;background: #FF6500;transition: width 2s;}.two:hover{width:450;}p{width: 200px;height: 200px;background: #ff6500; transition: width 2s;}p:hover{width: 500px;}以上代码对p标签有效
2020-03-05回答次数:0访问次数:592
html {代码...} css {代码...} js {代码...}
2017-07-05回答次数:3访问次数:536
为啥图片1的事件没有绑定上去,当我使用方法2的时候就绑定上去了,请问这是为啥图片1 图片2
2017-06-26回答次数:1访问次数:327
本次实战主要完成鼠标移上图片放大效果,主要通过css3的属性完成。首先通过transition属性设置图片放大过程的秒数,再通过鼠标移上时,设置transform属性设置图片的放大倍数。代码如下:<!DOCTYPE html> <html> <head> <meta charset=&qu
2018-11-20评论:0访问次数:192
display:none与visibility:hidden的区别是:display:none的元素不占据任何空间,visibility:hidden的元素空间保留;display:none会影响css3的transition过渡效果。
2020-07-23评论:0访问次数:1043
在网页中,进度条的效果并不少见,如:平分系统、加载状态等,进度条组件使用了css3的transition和animation属性来完成一些特效,这些特效在IE9及IE9以下版本、Firefox的老版本
2021-02-23评论:访问次数:799
css3中实现动画的两种方式分别是:1、分别利用transition属性和transform属性来设置过渡和形状;2、利用动画属性animation设置动画效果。
2021-03-05评论:访问次数:709
触发方式有:1、通过伪类元素“:hover”触发,语法“元素{transition:属性 过渡时间}元素:hover{属性:属性值}”;2、通过“element.classList.add("元素名称")”语句触发css过渡效果。
2021-04-29评论:访问次数:487
css3新特性有:1、“E[att^=value]”、“E[att$=value]”等属性选择器;2、“:root”、“:not”、“:empty”等伪类;3、box-shadow、transition、transform等属性。
2021-04-23评论:访问次数:458