码迷,mamicode.com
首页 >  
搜索关键字:css3 transition    ( 10407个结果
background简写
在CSS2.1里,background属性的简写方式包含五种属性值,从CSS3开始,又增加了3个新的属性值,加起来一共8个。 CSS2.1 background-color 使用的背景颜色。 background-image 使用的背景图像。 background-repeat 如何重复背景图像。 ...
分类:其他好文   时间:2021-01-07 12:27:40    阅读次数:0
CSS3 3D对话框
①我是觉得这之类的特效好玩来分享给大家 ②源代码分享给大家 >可以先运行一遍哦 <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS3 3D对话框</title> <style> html, body { ...
分类:Web程序   时间:2021-01-06 11:46:41    阅读次数:0
HTML5 SVG制作水滴粘连动画的Radiobox单选框【亲测谷歌浏览器】
【单选框美化】 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>HTML5 CSS3 SVG 水滴粘连动画的Radiobox单选框</title> <style> body { align-items: c ...
分类:Web程序   时间:2021-01-06 11:42:30    阅读次数:0
nth-child的运用
CSS3 :nth-child() 选择器 :nth-child(2) 选取某一类标签中的第几个标签, 下面的语句表示选择someOnediv下的第二个li标签 .someOnediv li:nth-child(2){background:#090} 下面的语句表示选择某一同名集合class中的第二 ...
分类:其他好文   时间:2021-01-02 10:51:45    阅读次数:0
移动端 CSS3动画属性
一、transform 转换属性 #1. translate位移 transform : translate(50px,100px); //把元素水平移动 50 像素,垂直移动 100 像素 transform : translateX(50px); //把元素水平移动 50 像素 transfor ...
分类:移动开发   时间:2020-12-19 11:36:02    阅读次数:1
Vue前端单页面框架,组件化开发
Vue和Angular、React都是前端框架 1、单页面框架 2、基于模块化组件化的开发模式 Vue简单 灵活 高效 国内的中小企业里面用的非常多 前端技术薪资介绍 Html5+Css3+Jquery PC端 移动端静态页面 6k-8k Angular 、 Vue 、React 10k+ Node ...
分类:其他好文   时间:2020-12-18 12:38:58    阅读次数:2
强大的CSS:用纯css模拟下雪的效果
下雪效果只是一类效果的名称,可以是红包雨等一些自由落体的运动效果,本文就是用纯css模拟下雪的效果,更多效果大家可以自行发挥。 1.前言 由于公司产品的活动,需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas(还有gif),对比下css3和canvas的优缺点: 动画自由度:canva ...
分类:Web程序   时间:2020-12-15 12:33:27    阅读次数:4
css3选择器归类整理---基本选择器和属性选择器
css3选择器分类 CSS3选择器分类如下图所示 选择器的语法 1.基本选择器 类型 代码 功能描述 通配选择器 *{ margin: 0; padding: 0; border: none; } 选择文档中所有HTML元素 元素选择器 body { background: #eee; } 选择指定 ...
分类:Web程序   时间:2020-12-15 11:59:22    阅读次数:3
webpack项目如何正确打包引入的自定义字体
一. 如何在Vue或React项目中使用自定义字体 在开发前端项目时,经常会遇到UI同事希望在项目中使用一个炫酷字体的需求。那么怎么在项目中使用自定义字体呢? 其实实现起来并不复杂,可以借用CSS3 @font-face 来实现。 本文着重介绍一下 webpack 项目如何正确打包引入的自定义字体。 ...
分类:Web程序   时间:2020-12-15 11:50:34    阅读次数:4
CSS延迟hover显示时间
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <style> div{ transition: 0s background-color; } div:hover{ b ...
分类:Web程序   时间:2020-12-14 13:01:14    阅读次数:6
10407条   上一页 1 ... 4 5 6 7 8 ... 1041 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!