码迷,mamicode.com
首页 >  
搜索关键字:css3    ( 9747个结果
CSS3 滑过加过渡效果
.vogueHover { width: 100%;height: 100%; position: absolute; left: 0; top: 0; background: #001e50; z-index: 9999; opacity:0 } .vogueHover:hover { trans ...
分类:Web程序   时间:2020-05-15 15:39:21    阅读次数:58
CSS3
解决浮动带来的影响 # 浮动带来的影响会造成父标签塌陷的问题?"""解决浮动带来的影响 推导步骤1.自己加一个div设置高度2.利用clear属性 #d4 { clear: left; /*该标签的左边(地面和空中)不能有浮动的元素*/ }3.通用的解决浮动带来的影响方法在写html页面之前 先提前 ...
分类:Web程序   时间:2020-05-15 00:37:50    阅读次数:102
小程序开发-了解
1.掌握HTML5、CSS3、Javascript语言编程思想,理解页面布局实现和javascript语言的执行逻辑,轻松卖出HTML5大前端 技术学习的第一步! 小程序的目录结构 小程序是由不同的界面组成的 pages文件夹 小程序的每一个界面都放在这个目录里面. home 一个页面,首页 /ho ...
分类:微信   时间:2020-05-12 11:49:56    阅读次数:79
1.伪类、伪元素2.overflow:hidden3.CSS嵌套垂直外边距重叠问题4.清除浮动clearfix
1..伪类、伪元素 伪元素主要是用来创建一些不存在原有dom结构树种的元素,例如:用::before和::after在一些存在的元素前后添加文字样式等,这些被添加的内容会以具体的UI显示出来,被用户所看到的,这些内容不会改变文档的内容,不会出现在DOM中,不可复制,仅仅是在CSS渲染层加入。CSS3 ...
分类:Web程序   时间:2020-05-11 22:03:03    阅读次数:84
HTML5 & CSS3 内容收集(1)
1. HTML发展历史介绍 2. 浏览器支持 2.1 新增标签支持 在html5 中新增了很多的标签,其中包括8个新增语义结构标签。header, section, footer, aside, nav, main, article, figure ,但是在IE的一些版本中并不能够有效的支持。 /* ...
分类:Web程序   时间:2020-05-11 21:40:59    阅读次数:76
CSS3实现伪类hover离开时平滑过渡效果
由于hover伪类添加的动画效果,仅当鼠标放在元素上时会被触发,而当鼠标离开时,效果会中断,会显得很生硬。 大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效果。其实不必这么麻烦,CSS3便可以帮你解决这些问题。 <!DOCTYPE html> <html ...
分类:Web程序   时间:2020-05-11 18:55:22    阅读次数:430
css3动画添加间隔
因项目需要,需要在元素上实现动画效果,并且需要有动画间隔。坑爹的是animation-delay只有在第一次动画开始的时候才起效。 在网上找了很多方法,最终的方法基本都是改动画规则,比如 @keyframes move{ /* 此处从75%开始 */ 75%{ transform: translat ...
分类:Web程序   时间:2020-05-11 12:52:38    阅读次数:373
前端开发周报: CSS 布局方式与JavaScript数据结构和算法
1、常见 CSS 布局方式详见: 一些常见的 CSS 布局方式梳理,涉及 Flex 布局、Grid 布局、圣杯布局、双飞翼布局等。http://cherryblog.site/common... 2、几种 JavaScript 动画库推荐JavaScript 库对设计师和开发人员来说,都是非常有用的 ...
分类:编程语言   时间:2020-05-11 01:12:20    阅读次数:80
这些例子感觉很实用,希望对你也有帮助
jquery.joyride页面功能分步指引插件一步步提示页面操作步骤流程点击》jquery.joyride页面功能分步指引插件一步步提示页面操作步骤流程其中包含部分CSS3样式原生js焦点图3屏带缩略图选项卡图片切换代码点击》原生js焦点图3屏带缩略图选项卡图片切换代码JQUERY返回顶部功能带微 ...
分类:其他好文   时间:2020-05-10 15:31:39    阅读次数:73
如何解决wow.js与fullpage的兼容性
项目需要做到全屏显示的同时还需要做到实时执行动画。但是发现在使用fullpage之后,wow.js(不知道这个是啥的点击这里)不起作用。 找了诸多资料,解决方法如下: $('#fullpage').fullpage({ verticalCentered:true, css3:true, paddin ...
分类:Web程序   时间:2020-05-10 15:12:25    阅读次数:149
9747条   上一页 1 ... 22 23 24 25 26 ... 975 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!