博客专栏  >  Web前端   >  CSS3及HTML5折腾记

CSS3及HTML5折腾记

分享CSS3的特性,折腾HTML5的特性;

关注
17 已关注
23篇博文
  • CSS3 - 说说CSS上的第一个变量currentColor,及扯扯inherit

    currentColor – 这货说是CSS3的一个特性,但是用变量来说会更好理解;兼容性[IE9+ 及主流的FF,chrome ]。但是IE10及edge有一些BUG(用于渐变的时候会不生效)

    2016-10-10 00:25
    2134
  • CSS3: 画围棋【No Canvas & SVG,No JS】

    渐变的灵活运结合其他一些CSS3的特性的运用画出的简易版围棋

    2016-09-26 23:57
    1131
  • CSS3 - 实现非常非常简易版的刮刮乐(NoJS)

    心血来潮搞了个非常非常简易版本的刮刮乐;

    2016-09-23 02:46
    2150
  • CSS3:实现一个循序渐进的下划线和一个Material Button【No JS】

    两个效果,一个是从无到有循序渐进的下划线效果;一个是谷歌扁平化按钮点击填充效果--简单粗暴易上手

    2016-08-24 00:16
    1765
  • CSS3实现一个小风车【纯DOM+CSS3】

    用CSS3实现了一个小风车的效果。。。转转转,挺简单[NO JS ,NO CANVAS & SVG]。。

    2016-08-08 19:11
    2048
  • CSS3模拟IOS滑动开关

    H5站点需要IOS滑动按钮的效果,想了想似乎CSS3能搞起,就折腾出来了...挺简单的..

    2016-07-26 16:15
    2219
  • CSS3: animation实现简易幻灯片(轮播)

    前言CSS3有个别特性,可以触发硬件GPU来加速渲染,而不是调用默认浏览器引擎渲染;但是很多属性,默认都是不开启硬件加速的;需要触发条件,一个最简单的触发条件就是使用3D属性(对Z轴的操作)

    2016-05-12 15:01
    11887
  • CSS3: calc计算属性

    前言正如其名,calc是css3中新增的计算属性,让很多属性增加了一个表达式的说法;标准的写法: .class{ /* area: expression; ...

    2016-04-30 11:23
    8600
  • CSS3边框圆角实现

    语法border-radius:length|percentage {1,4} length : 用长度值设置对象的圆角半径长度。不允许负值 percentage : 用百分比设置对象的圆角半径长度。...

    2015-05-15 19:12
    1811
  • 笔记-CSS3实现3D搜索输入框

    题外话今天拜读了大漠的<>发现里面这个按钮的实例挺赞的,稍微完善了一下原来例子. 去掉一些现在不用的前缀,补全了最终版的.clearfix,还有样式稍作修改~~原版效果图: 预备知识 基础布局知识...

    2015-08-18 17:38
    1169
  • 纯CSS3实现图片墙

    预备知识 DIV+CSS基础 CSS3的transform 和 transition用法 主要是用了transform的rotate/scale 动画过渡的几个参数(transition-prope...

    2015-06-02 16:38
    1688
  • CSS3实现曲线阴影和翘边阴影

    预备知识 DIV+CSS基础 圆角:border-radius 2D变幻:transform:skew && rotate 伪类::before 和 :after 代码HTML结构代码很简单,CSS内...

    2015-05-25 23:51
    2365
  • CSS3:box-sizing:不再为盒子模型而烦恼

    题外话:W3C奉行的标准,就是content-box,就是需要计算边框,填充还有内容的;但是就我个人而言, 比较喜欢的是传统IE6时候的怪异模式,不用考虑容器是否会被撑开(打乱布局);盒子模型差异盒...

    2015-08-19 18:22
    1492
  • HTML5基础知识汇总_(1)标签结构上的整改

    题记目前对HTML5所有特性(PC浏览器) 支持较为完善的有:EDGE/FF40/Chrome42/Safari8 基本支持的加上: IE10+ 部分支持的:IE9 个别标签支持的:IE8(依赖JS)...

    2015-08-24 00:28
    1491
  • CSS3:简易的循环弹跳动画

    题外话keyframes的小练习…相信对刚掌握了keyframes理论知识的有些帮助; 百看不如一练,动手吧~~注意: 建议用chrome或者chromium内核的浏览器进行浏览器,Firefox也...

    2015-09-08 00:01
    999
  • HTML5基础知识汇总_(2)自定义属性及表单新特性

    自定义属性data-*说起这个属性,其实现在很常见了;怎么说呢,因为在一些框架都能看到他的身影!!! 比如Jquery mobile,里面非常频繁的使用了这个属性;这个属性是哪里来的….当然是跟随最...

    2015-08-25 08:06
    1707
  • CSS3: transition实例

    基础理论 transition 有五个属性: property : 属性 , 可以指定哪个CSS属性进行过渡,也能使用all全部属性生效 duration : 持续时间 timing-functio...

    2015-09-08 12:47
    1058
  • CSS3实现精美的纸张折角效果 -- 进阶版

    改变的要素昨天那个CSS3实现折角,需要到纯色背景下才能比较完美,今天就遇到问题了…背景是渐变的;所以改良一下; 适用于任何背景,控制::before和::after 两个案例,第一个是适用于任何背景...

    2015-10-28 21:37
    999
  • CSS3打造磨砂玻璃的背景

    简介这个效果是在看<>这书上看到的,感觉很不错; 实现原理也挺简单的;效果图及实现效果图代码实现 Document ...

    2016-01-05 15:17
    3459
  • CSS3:background新增特性详解

    CSS3的背景新增了几个特性,这篇文章就是扯扯这些;

    2016-04-13 18:28
    5313
img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部