码迷,mamicode.com
首页 >  
搜索关键字:css3 transition    ( 10407个结果
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
CSS3中新增的对文本和字体的设置
文字阴影 text-shadow: 水平偏移 垂直偏移 模糊 颜色 兼容性:IE10+ <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset="UTF-8"> <title>Document</ ...
分类:Web程序   时间:2020-08-09 16:47:46    阅读次数:84
rem自适应布局(一)
原理:CSS3规定,1rem的大小就是html元素的font-size的值。 举个栗子: 假设我们把html的font-size设为10px,那么此时1rem就为10px。如果我们要设置100px*50px的div,我们只需将它的宽设为10rem,高设置为5rem。 <!DOCTYPE html> ...
分类:其他好文   时间:2020-07-30 01:51:04    阅读次数:99
css3复杂选择器
今天antd表格设置样式 ,被教育了一番,上来第一感觉这样式咋搞啊,一脸懵逼,还是css 掌握不牢固,今天记下css3复杂选择器。 1.相邻兄弟选择器 P+b : 同一个父元素下p标签后面的第一个兄弟元素b; 2.通用兄弟选择器 p~b : 同一个父元素下p标签后面的所有兄弟元素b; 3.属性选择器 ...
分类:Web程序   时间:2020-07-29 12:46:09    阅读次数:187
Css中水平垂直居中的几种解决方法
在控制元素的水平、垂直居中问题时,有很多种解决方法,下面介绍几种解决办法: 水平垂直居中: 第一种:css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类:Web程序   时间:2020-07-28 22:50:08    阅读次数:110
CSS3动画旋转——(图片360°旋转)
今天在重构网页特效的时候,想着用到一个css3的旋转特效。简单来一个demo。 html <div class="box"> <img src="./yft.png" alt="" class="rotation"> </div> css <style> @-webkit-keyframes rot ...
分类:Web程序   时间:2020-07-28 14:44:30    阅读次数:164
HTMLCSS入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第一章前言
关于本教程通过一个PC端和一个移动端网上书城案例,穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点,对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则,即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点,让大家用最短的时间,从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
分类:移动开发   时间:2020-07-28 10:24:14    阅读次数:122
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第4章CSS文本样式
本教程案例在线演示 有路网PC端 有路网移动端 免费配套视频教程 免费配套视频教程 教程配套源码资源 教程配套源码资源 字体样式 属性名 含义 举例 font-family 设置字体类型 font-family:"隶书"; font-size 设置字体大小 font-size:12px; font- ...
分类:移动开发   时间:2020-07-28 10:01:15    阅读次数:120
CSS3 transform用法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ perspective: 1000; perspective-origin: 0,0; /*translateZ() 于此连用*/ } ...
分类:Web程序   时间:2020-07-27 17:46:48    阅读次数:96
10407条   上一页 1 ... 8 9 10 11 12 ... 1041 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!