花生 HuaShen
  • java
  • markdown
  • java优化
  • css3特效
  • 开发语言
  • html
  • jvm
  • 博主相关
  • css
  • css3
  • 编辑器
  • 前端
  • vscode
  • python
  • 性能优化
  • Qt
  • 面试
  • 后端
  • 优化
  • javascript
  • 经验分享
  • 环境相关
  • 博客维护
  • vue
  • 算法
  • c++
  • 编程
  • js
  • 动画
  • spring
  • springboot
  • mysql
  • linux
  • 编程语言
  • HTML5
  • 多线程
    • 全部文章 (8)
    主题:
    布局: 卡片 列表

    CSS3特效-自定义radio

    自定义checkbox样式\n\n\n效果图:\n\n代码\n\n// css\n.radio {\n\tdisplay: none;\n}\n.radio+label {\n\tdisplay: inline-block;\n\tposition: relative;\n}\n\n.radio+label {\n\tpadding-left: 20px;\n\tbox-sizing: border-box;\n}\n.radio+label:...
    白色玫瑰 ( 2年前 )
    自定义checkbox样式\n\n\n效果图:\n\n代码\n\n// css\n.radio {\n\tdisplay: none;\n}\n.radio+label {\n\tdisplay: inline-block;\n\tposition: relative;\n}\n\n.radio+label {\n\tpadding-left: 20px;\n\tbox-sizing: border-box;\n}\n.radio+label:...
    0 0

    css3 html5动画特效

    转载自：http://www.html5tricks.com/8-html5-pure-css3-animation.html\r\n\r\n\r\n\r\n\r\n8个超震撼的HTML5和纯CSS3动画源码\r\n\r\n150 人浏览\r\n\r\n发表回复\r\n\r\n\r\n\r\n\r\n\r\n\r\nHTML5和CSS3之所以强大，不仅因为现在大量的浏览器的支持，更是因为它们已经越来越能满足现代开发的需要。Flash在几年之后肯定会消亡，那么H
    白色玫瑰 ( 2年前 )
    转载自：http://www.html5tricks.com/8-html5-pure-css3-animation.html\r\n\r\n\r\n\r\n\r\n8个超震撼的HTML5和纯CSS3动画源码\r\n\r\n150 人浏览\r\n\r\n发表回复\r\n\r\n\r\n\r\n\r\n\r\n\r\nHTML5和CSS3之所以强大，不仅因为现在大量的浏览器的支持，更是因为它们已经越来越能满足现代开发的需要。Flash在几年之后肯定会消亡，那么H
    0 0

    CSS3动画特效详解

    大家都知道网页的3大组成部分，分别是结构，表现和行为。就像我们要盖一座房子，要地基要打的扎实，房子的架构要稳固，而我们网页当中的地基和架构就是Html，当我们盖好了房子，最终的美观度还是看我们的装修风格，是欧美风，还是田园风，这样我们的房子看起来才是舒服的，而我们大家平常看到的网页装修风格或者是说网页的呈现样式主要是由CSS层叠样式表来设置的，书写CSS层叠样式表可以随意改变网页的布局结构和内容样
    白色玫瑰 ( 2年前 )
    大家都知道网页的3大组成部分，分别是结构，表现和行为。就像我们要盖一座房子，要地基要打的扎实，房子的架构要稳固，而我们网页当中的地基和架构就是Html，当我们盖好了房子，最终的美观度还是看我们的装修风格，是欧美风，还是田园风，这样我们的房子看起来才是舒服的，而我们大家平常看到的网页装修风格或者是说网页的呈现样式主要是由CSS层叠样式表来设置的，书写CSS层叠样式表可以随意改变网页的布局结构和内容样
    0 0

    CSS3样式特效

    1.元素2D变换 2D变换就是让盒子进行转动(rotate)、缩放(scale)、位移(translate)。 transform 设置转动角度：transform:rotate(30deg);　//顺时针转动30° 　transform:rotate(－30deg);　//逆时针转动30° ...
    白色玫瑰 ( 2年前 )
    1.元素2D变换 2D变换就是让盒子进行转动(rotate)、缩放(scale)、位移(translate)。 transform 设置转动角度：transform:rotate(30deg);　//顺时针转动30° 　transform:rotate(－30deg);　//逆时针转动30° ...
    0 0

    CSS3特效-自定义checkbox样式

    前言: 在实际开发过程中，大多数时候都不会用原生的checkbox样式，因为太丑了， 如果我们不用任何ui库的话， 就要手动写一个了， 原理就是将默认的checkbox 的input标签隐藏掉， 然后在与其一套的label标签前/后加一个checkbox的图标(可以是图片，也可以使svg，这里我们用的svg).\n\n\n效果图:\n\n\n代码:\n\n\n\n//css\n.checkbox{\n\tdispla...
    白色玫瑰 ( 2年前 )
    前言: 在实际开发过程中，大多数时候都不会用原生的checkbox样式，因为太丑了， 如果我们不用任何ui库的话， 就要手动写一个了， 原理就是将默认的checkbox 的input标签隐藏掉， 然后在与其一套的label标签前/后加一个checkbox的图标(可以是图片，也可以使svg，这里我们用的svg).\n\n\n效果图:\n\n\n代码:\n\n\n\n//css\n.checkbox{\n\tdispla...
    0 0

    HTML5+CSS3小实例：炫彩的发光字特效

    今天我们向大家精选了一款HTML5+CSS3文字特效，文字特效有超酷的动画类型，不多说，一起来看看。 描述： 这款文字特效既有倒影的效果，又有随机的颜色，看起来非常的炫酷。全文基于 HTML5+CSS3 完成。 1. 使文字可以...
    白色玫瑰 ( 2年前 )
    今天我们向大家精选了一款HTML5+CSS3文字特效，文字特效有超酷的动画类型，不多说，一起来看看。 描述： 这款文字特效既有倒影的效果，又有随机的颜色，看起来非常的炫酷。全文基于 HTML5+CSS3 完成。 1. 使文字可以...
    0 0

    HTML5/CSS3特效

    1、HTML5/CSS3鬼脸表情下拉菜单 超级可爱\r\n\r\n之前我们分享过很多CSS3菜单了，但是看了下面这款CSS3菜单，你会觉得这款菜单超级可爱，超级有意思。这款HTML5/CSS3鬼脸表情下拉菜单真的很特别，虽然菜单的实现并没有利用复杂的HTML5/CSS3技术，但是创意的确不错。\r\n\r\n\r\n\r\n在线演示 / 源码下载\r\n\r\n2、CSS3带Tooltip的按钮 按钮绿色清新\r\n\r\n之前我们介绍
    白色玫瑰 ( 2年前 )
    1、HTML5/CSS3鬼脸表情下拉菜单 超级可爱\r\n\r\n之前我们分享过很多CSS3菜单了，但是看了下面这款CSS3菜单，你会觉得这款菜单超级可爱，超级有意思。这款HTML5/CSS3鬼脸表情下拉菜单真的很特别，虽然菜单的实现并没有利用复杂的HTML5/CSS3技术，但是创意的确不错。\r\n\r\n\r\n\r\n在线演示 / 源码下载\r\n\r\n2、CSS3带Tooltip的按钮 按钮绿色清新\r\n\r\n之前我们介绍
    0 0

    css3特效：阴影、渐变、过渡、变形、滤镜

    阴影（shadow)\n\nbox-shadow、text-shadow\n\n 格式： 阴影：横向偏移量 纵向偏移量 模糊距离 阴影颜色\n\n\n<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\utf-8\>\n\t\t<title>shadow</title>\n\t\t<style type=\text/css\>\n\t\t\tdi...
    白色玫瑰 ( 2年前 )
    阴影（shadow)\n\nbox-shadow、text-shadow\n\n 格式： 阴影：横向偏移量 纵向偏移量 模糊距离 阴影颜色\n\n\n<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\utf-8\>\n\t\t<title>shadow</title>\n\t\t<style type=\text/css\>\n\t\t\tdi...
    0 0
    加载更多内容
    it开发人员？欢迎一起讨论

    心灵鸡汤

    今天的不开心就止步于此吧，明天依旧光芒万丈！

    vue/java/html技术交流群

    热门文章
    最新评论
    • 君哥 (1小时前)
    • 花生哦 (4天前)
    • 花生哦 (5天前)
    • 花生哦 (5天前)
    • 花生哦 (5天前)