- 博客(5)
- 收藏
- 关注
RSS订阅原创 CSS实现3D动画
本篇文章给大家带来的内容是关于css实现3d动画特效的代码实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助！一、动画属性1.transform-style: flat | preserve-3d 动画的形式flat：默认值平面，也就是没有3d效果preserve-3d：3d效果展示如果要用3D表现，这个属性是必须启用的，当然注意属性要加各种前缀。（这个属性可以...
2019-06-14 09:20:50
562
1
原创 CSS3过渡和动画
一、transition 过渡过渡效果一般由浏览器直接改变元素的CSS属性实现，从一种状态过渡到另一种状态。在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一、在默认样式中声明元素的初始状态样式；第二、声明过渡元素最终状态样式，比如悬浮状态；第三、在默认样式中通过添加过渡函数，添加一些不同的样式。transition 是一个简写属性，用于设置四个过渡属性：transition...
2019-06-12 23:17:07
196
原创 圣杯布局和双飞翼布局
稍微了解前端的人都知道，圣杯布局和双飞翼布局是前端面试时必问的问题，因为它既能体现你懂HTML结构又能体现出你对ＤIV+CSS布局的掌握，毕竟我们学习CSS主要就是为了更好地布局带来最好的用户体验嘛~事实上，圣杯布局其实和双飞翼布局是一回事。它们实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，也就是我们常说的固比固布局。它们实现的效果是一样的，差别在于其实现的思想。圣杯布局的出现是来自...
2019-05-10 01:20:55
117
原创 前端布局
一、静态布局静态布局就是传统的网站形式，网页上的所有元素的尺寸一律使用px作为单位。1.布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。代码如下：浮动方面经常出现的问题:上下两个div...
2019-05-09 02:06:38
207
原创 相对定位(relative)，绝对定位(absolute)，固定定位(fixed)
一、绝对定位 position：absolute绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（html）。绝对定位本身与文档流无关，因此不占空间，元素会脱离文档流，普通文档流中的元素的布局就当绝对定位的元素不存时一样，所以 它们可以覆盖页面上其他的元素，并且可以通过z-index属性来...
2019-05-08 01:04:15
13457
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人