
笔记-HTML4&5/CSS2.1&3
文章平均质量分 71
crper
对设计、交互、产品都有自己的见解和追求;更多关于我:https://www.yuque.com/crper/blog/about_me
展开
-
CSS Sprites定位实现
何为CSS Sprite通常我们把它叫做CSS图像拼合技术,当然还有人把CSS Sprites叫做”CSS贴图定位”。原理CSS Sprites 原理:其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用原创 2015-05-27 19:51:10 · 2790 阅读 · 1 评论 -
CSS3 keyframes 实战:简易的循环弹跳动画
题外话keyframes的小练习…相信对刚掌握了keyframes理论知识的有些帮助; 百看不如一练,动手吧~~注意: 建议用chrome或者chromium内核的浏览器进行浏览器,Firefox也行基础理论 keyframes是CSS3才引进的 .. 使用方法是前面@keyframes Demo , Demo是自定义动画名字 仅支持百分比为进度条和form-to!!!!两者可以混用 animat原创 2015-09-08 00:01:46 · 5045 阅读 · 0 评论 -
CSS3 transition 实战Demo
基础理论 transition 有五个属性: property : 属性 , 可以指定哪个CSS属性进行过渡,也能使用all全部属性生效 duration : 持续时间 timing-function: 过渡函数,有linear(匀速),ease-in(渐现),ease-out(渐隐) ,ease-in-out(渐显渐隐)等。。。 delay : 是延迟 ,就是开始执行前等待的时间 综合写法:t原创 2015-09-08 12:47:24 · 2661 阅读 · 0 评论 -
CSS3模拟IOS滑动开关
H5站点需要IOS滑动按钮的效果,想了想似乎CSS3能搞起,就折腾出来了...挺简单的..原创 2016-07-26 16:15:06 · 4121 阅读 · 4 评论