码迷,mamicode.com
首页 >  
搜索关键字:CSS3    ( 9747个结果
css3实现渐变进度条
渐变进度条,如图: 实现: dom: <div className={s.progress}> <div className={s.bar} style={{ width:'73%'}}/> </div> css:外层div设置背景色有透明度,内层div设置渐变,有宽度,有圆角 .progress{ ...
分类:Web程序   时间:2020-09-18 03:35:28    阅读次数:57
玩转 CSS3 3D 技术
css3的3d起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。 ...
分类:Web程序   时间:2020-09-18 01:03:13    阅读次数:47
css3 横屏
@media screen and (orientation: portrait) { html{ width : 100vmin; height : 100vmax; } body{ width : 100vmin; height : 100vmax; } #gyroContain{ width ...
分类:Web程序   时间:2020-09-17 19:51:58    阅读次数:61
鼠标移到图片上图片放大【css3实例】
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 #div1{ 8 width: 200px; 9 height: 138px; 10 ...
分类:Web程序   时间:2020-09-17 15:33:39    阅读次数:38
CSS基本知识
CSS3:是CSS2.X ,某些模块升级文档说明: 新手可观:https://www.w3school.com.cn/ w3c官网:www.w3.org 推荐:https://www.w3.org/TR/CSS22/propidx 可翻译中文:https://developer.mozilla.or ...
分类:Web程序   时间:2020-09-14 19:17:11    阅读次数:55
一篇文章教会你使用html+css3制作炫酷效果
【一、项目背景】在浏览一些网站的时候,经常会看到很多的炫酷的效果去装饰页面,使它看起来更高端大气一些。比如,艺龙就采用了图片上加载文字,点击图片使把对应的图片放大,使用户清晰,直观的看到内容。这种效果该怎么做呢?今天教大家用简单的html+css3结合制作艺龙的页面效果。【二、项目准备】1、图片:新建img文件,准备自己喜欢的五张图,保存在文件夹。2、软件:Dreamweaver【三、项目目标】运
分类:Web程序   时间:2020-09-07 18:46:28    阅读次数:56
初级前端面试常考题总结(持续记录中........)
1.H5和CSS3新特性 #H5新特性 语义化标签:header、footer、section、nav、article 增强型表单:input的type,如email、range、number、search、url、date等 新增表单属性:placeholder、required、min和max ...
分类:其他好文   时间:2020-09-02 16:44:05    阅读次数:55
CSS3动画效果--2D
知识点一:旋转 transform: rotate(180deg) //只能传一个参数,,正值是顺时针 负值是逆时针 度数用deg表示 沿着x轴旋转: transform: rotateX(180deg); 沿着Y轴旋转: transform: rotateY(180deg); 默认是沿着中心旋转。 ...
分类:Web程序   时间:2020-08-27 13:01:09    阅读次数:73
css3的渐变、背景、过渡、分页
知识点一:渐变 线性渐变 background: linear-gradient(red,blue); background: linear-gradient(red 10%,blue 90%); background: linear-gradient(to right, red 10%,blue ...
分类:Web程序   时间:2020-08-26 18:31:25    阅读次数:62
HTML5(一)
一、处理浏览器兼容问题 html5shiv.min.js 处理ie9以下的对于H5标签的兼容性问题 respond.js 处理css3的兼容性问题 加判断,如果是IE9以下的浏览器,就执行这个代码 <!-- 条件注释 --> <!--[if lt IE9]> <script src="http:// ...
分类:Web程序   时间:2020-08-20 18:18:04    阅读次数:100
9747条   上一页 1 ... 5 6 7 8 9 ... 975 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!