关于我的
macApp
工具
Html转markdown
二维码生成器
博文爬取
网站维护记录
活动资讯
相册
HuaShen
编写文章
AI助手
关于我的
macApp
工具
活动资讯
相册
JAVA
PHP
VUE
HTML
PYTHON
MARKDOWN
个人资料
修改密码
消息
退出登录
搜索
账号登陆
选择文章编辑器
修改密码
java
markdown
java优化
css3特效
开发语言
html
博主相关
jvm
css
全部文章
(31)
主题:
布局:
卡片
列表
QT项目实战
QT./代表的当前目录位置 项目结构 效果图 GameMap.h #ifndef GAMEMAP_H #define GAMEMAP_H #include <QObject> #include <QPainter> enum MapElement { Road, Wall, Box, Point, InPoint }; ...
白色玫瑰
(
1年前
)
QT./代表的当前目录位置 项目结构 效果图 GameMap.h #ifndef GAMEMAP_H #define GAMEMAP_H #include <QObject> #include <QPainter> enum MapElement { Road, Wall, Box, Point, InPoint }; ...
0
0
一些CSS实现的特效
收藏一些由CSS实现的特效你能相信吗？这些都是由一个DIV元素实现的动画，纯CSS3技术 scrolling滚动 seamless="seamless" iframe像是页面的一部分 frameborder 边框&#
白色玫瑰
(
1年前
)
收藏一些由CSS实现的特效你能相信吗？这些都是由一个DIV元素实现的动画，纯CSS3技术 scrolling滚动 seamless="seamless" iframe像是页面的一部分 frameborder 边框&#
0
0
css3特效展示
最近用css3做了一个网站的首页，请高手指点，本人刚接触前台，高手勿喷 地址http://www.xyw88.com
白色玫瑰
(
1年前
)
最近用css3做了一个网站的首页，请高手指点，本人刚接触前台，高手勿喷 地址http://www.xyw88.com
0
0
CSS 页面特效初步
CSS 文件主要由 选择符、属性和属性值 构成。\r\n选择符，又称为选择器，不同标记由不同选择器控制\r\nCSS 选择器\r\n标记选择器(a)、类别选择器(.)、id选择器(#)\r\n页面中包含 CSS\r\n行内样式、内嵌式\r\n链接式(较常用，链接外部CSS样式是最常见的一种引用样式表的方式)\r\n\r\n\r\n\r\n\n\n\n \n Title\n \n \n\n\n 测试一下背景颜色是否可继承
白色玫瑰
(
1年前
)
CSS 文件主要由 选择符、属性和属性值 构成。\r\n选择符，又称为选择器，不同标记由不同选择器控制\r\nCSS 选择器\r\n标记选择器(a)、类别选择器(.)、id选择器(#)\r\n页面中包含 CSS\r\n行内样式、内嵌式\r\n链接式(较常用，链接外部CSS样式是最常见的一种引用样式表的方式)\r\n\r\n\r\n\r\n\n\n\n \n Title\n \n \n\n\n 测试一下背景颜色是否可继承
0
0
css3样式效果
css3样式效果\n\n werwe\n rwerwer\n List item\n\n1.渐进颜色变化\n\n <style>\n /* 渐进色 */\n #linear{\n height:50px;\n width:200px;\n background-image: linear-gradient(to right, rgba(255,0,0,1), rgba...
白色玫瑰
(
1年前
)
css3样式效果\n\n werwe\n rwerwer\n List item\n\n1.渐进颜色变化\n\n <style>\n /* 渐进色 */\n #linear{\n height:50px;\n width:200px;\n background-image: linear-gradient(to right, rgba(255,0,0,1), rgba...
0
0
一个css特效
/**\n * Copyright (c) 2016 hustcc\n * License: MIT\n * Version: v1.0.1\n * GitHub: https://github.com/hustcc/canvas-nest.js\n**/\n!function(){function n(n,e,t){return n.getAttribute(e)||t}function e(n){retu
白色玫瑰
(
1年前
)
/**\n * Copyright (c) 2016 hustcc\n * License: MIT\n * Version: v1.0.1\n * GitHub: https://github.com/hustcc/canvas-nest.js\n**/\n!function(){function n(n,e,t){return n.getAttribute(e)||t}function e(n){retu
0
0
CSS3效果
环绕旋转html\n
\ncss .bb, .bb::before, .bb::after {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;
白色玫瑰
(
1年前
)
环绕旋转html\n
\ncss .bb, .bb::before, .bb::after {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;
0
0
css3特效（三角形）
CSS3特效（三角形）如图：\n\n\n\n\n<div class=\dz\>\n <p>当前位置：<a href='http://www.zjyymr.com/'>主页</a> > <a href='/zjjs/'>医生团队</a> > <i></i></p>\n</div&g...
白色玫瑰
(
1年前
)
CSS3特效（三角形）如图：\n\n\n\n\n<div class=\dz\>\n <p>当前位置：<a href='http://www.zjyymr.com/'>主页</a> > <a href='/zjjs/'>医生团队</a> > <i></i></p>\n</div&g...
0
0
CSS动画--页面特效
本章内容\n2D、3D转换\n过渡\n动画\n多列\n瀑布流效果\n 2D、3D转换通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸转换是使元素改变形状、尺寸和位置的一种效果 \n可以使用2D、3D来转换元素2D转换方法translate() \nrotate() \nscale() \nmatrix()3D转换方法rotateX() \nrotateY()示例：<body>\n <div>第一个di
白色玫瑰
(
1年前
)
本章内容\n2D、3D转换\n过渡\n动画\n多列\n瀑布流效果\n 2D、3D转换通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸转换是使元素改变形状、尺寸和位置的一种效果 \n可以使用2D、3D来转换元素2D转换方法translate() \nrotate() \nscale() \nmatrix()3D转换方法rotateX() \nrotateY()示例：<body>\n <div>第一个di
0
0
【css3】动画效果
【css3】动画效果
白色玫瑰
(
1年前
)
【css3】动画效果
0
0
css 各种特效实现方法
通过伪元素 线性渐变背景 遮盖掉一部分内容。就是模拟类似ps的重复变换操作。可以在显示上变化而不影响布局？多层阴影叠加，调低各自不透明度。要求遮盖颜色与外部背景色相同。近快远慢 如镜头跟随行驶载具。自定义属性设置偏转角度更方便。属性会更方便的实现渐变边框。近慢远快 如仰视到俯视。
白色玫瑰
(
1年前
)
通过伪元素 线性渐变背景 遮盖掉一部分内容。就是模拟类似ps的重复变换操作。可以在显示上变化而不影响布局？多层阴影叠加，调低各自不透明度。要求遮盖颜色与外部背景色相同。近快远慢 如镜头跟随行驶载具。自定义属性设置偏转角度更方便。属性会更方便的实现渐变边框。近慢远快 如仰视到俯视。
0
0
css3的动画特效
css3动画效果
白色玫瑰
(
1年前
)
css3动画效果
0
0
CSS3新增特效
rotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。您可以使用 2D 或 3D 转换来转换您的元素。转换的效果是让某个元素改变形状，大小和位置。1.1.1 css3中2D转换动画效果。CSS3 转换可以对元素进行。
白色玫瑰
(
1年前
)
rotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。您可以使用 2D 或 3D 转换来转换您的元素。转换的效果是让某个元素改变形状，大小和位置。1.1.1 css3中2D转换动画效果。CSS3 转换可以对元素进行。
0
0
[css3特效]loading加载中
作者：zccst\r\n\r\n以前loading都是一张图片，显示或隐藏。\r\n现在如果考虑移动端弱网到连图片也载入不成功，此时css3的loading就非常有用了，而且模拟了图片效果，节省空间。\r\n\r\n基本原理：\r\n1，外部一个span，固定宽高（正方形），行内块元素，相对定位，垂直对齐。\r\n2，内部12个span，相对宽高（相对外部），行内块元素，绝对定位(top,left)，颜色，背景色，动画（最重...
白色玫瑰
(
1年前
)
作者：zccst\r\n\r\n以前loading都是一张图片，显示或隐藏。\r\n现在如果考虑移动端弱网到连图片也载入不成功，此时css3的loading就非常有用了，而且模拟了图片效果，节省空间。\r\n\r\n基本原理：\r\n1，外部一个span，固定宽高（正方形），行内块元素，相对定位，垂直对齐。\r\n2，内部12个span，相对宽高（相对外部），行内块元素，绝对定位(top,left)，颜色，背景色，动画（最重...
0
0
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:...
白色玫瑰
(
1年前
)
自定义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
Css常用特效属性
文章目录改变text框中placeholder属性样式让文字垂直居中动画过渡内容相对父标签居中圆角边框和阴影页面不平铺并且响应式根据窗口调整尺寸让内容根据父容器容量布局，不要改变父容器尺寸，溢出内容直接隐藏清除提示框（点击就出现个框框，清除掉）形状变换设置高斯模糊文本域不可调节大小控制鼠标指针样式\n改变text框中placeholder属性样式\n<input type=\text\ name...
白色玫瑰
(
1年前
)
文章目录改变text框中placeholder属性样式让文字垂直居中动画过渡内容相对父标签居中圆角边框和阴影页面不平铺并且响应式根据窗口调整尺寸让内容根据父容器容量布局，不要改变父容器尺寸，溢出内容直接隐藏清除提示框（点击就出现个框框，清除掉）形状变换设置高斯模糊文本域不可调节大小控制鼠标指针样式\n改变text框中placeholder属性样式\n<input type=\text\ name...
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
白色玫瑰
(
1年前
)
转载自：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层叠样式表可以随意改变网页的布局结构和内容样
白色玫瑰
(
1年前
)
大家都知道网页的3大组成部分，分别是结构，表现和行为。就像我们要盖一座房子，要地基要打的扎实，房子的架构要稳固，而我们网页当中的地基和架构就是Html，当我们盖好了房子，最终的美观度还是看我们的装修风格，是欧美风，还是田园风，这样我们的房子看起来才是舒服的，而我们大家平常看到的网页装修风格或者是说网页的呈现样式主要是由CSS层叠样式表来设置的，书写CSS层叠样式表可以随意改变网页的布局结构和内容样
0
0
好用的css特效
一些好用的css样式设计
白色玫瑰
(
1年前
)
一些好用的css样式设计
0
0
CSS3之好看的特效
但是某些简单的特效可以直接用HTML和CSS3就能做出想要的，而且有时候用CSS3比用JS简单。话不多说，现在我就来介绍HTML和CSS3做的特效（因为不能传视频，所以只能用图片解释了）。 1. 左右切换特效 网页初始的样子 ...
白色玫瑰
(
1年前
)
但是某些简单的特效可以直接用HTML和CSS3就能做出想要的，而且有时候用CSS3比用JS简单。话不多说，现在我就来介绍HTML和CSS3做的特效（因为不能传视频，所以只能用图片解释了）。 1. 左右切换特效 网页初始的样子 ...
0
0
纯CSS3流光边框特效
纯CSS3流光边框特效
白色玫瑰
(
1年前
)
纯CSS3流光边框特效
0
0
CSS3样式特效
1.元素2D变换 2D变换就是让盒子进行转动(rotate)、缩放(scale)、位移(translate)。 transform 设置转动角度：transform:rotate(30deg); //顺时针转动30° transform:rotate(－30deg); //逆时针转动30° ...
白色玫瑰
(
1年前
)
1.元素2D变换 2D变换就是让盒子进行转动(rotate)、缩放(scale)、位移(translate)。 transform 设置转动角度：transform:rotate(30deg); //顺时针转动30° transform:rotate(－30deg); //逆时针转动30° ...
0
0
CSS：全屏星星闪烁动画CSS3特效源码
全屏星星闪烁动画特效
白色玫瑰
(
1年前
)
全屏星星闪烁动画特效
0
0
网页渲染markdown（markdown-it）
使用markdown-it在网页上渲染markdown文件
白色玫瑰
(
1年前
)
使用markdown-it在网页上渲染markdown文件
0
0
Markdown自定义CSS样式
当我第一次接触到Markdown时，我就深深爱上了它。这简洁的界面，编程式的书写都令我爱不释手，最重要的是，还能够支持自定义html、css。 自定义CSS样式 说到Markdown，就不得不提及Typora这个软件，本例子即是在此...
白色玫瑰
(
1年前
)
当我第一次接触到Markdown时，我就深深爱上了它。这简洁的界面，编程式的书写都令我爱不释手，最重要的是，还能够支持自定义html、css。 自定义CSS样式 说到Markdown，就不得不提及Typora这个软件，本例子即是在此...
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...
白色玫瑰
(
1年前
)
前言: 在实际开发过程中，大多数时候都不会用原生的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
【CSS3特效】鼠标悬停动画
演示地址：点我\n \n
\n
CSS3鼠标悬停动画
\n
