花生 HuaShen
当前文章
  • java
  • markdown
  • java优化
  • css3特效
  • 开发语言
  • html
  • 博主相关
  • jvm
  • css
  • css3
    • 全部文章 (34)
    主题:
    布局: 卡片 列表

    QT项目实战

    QT./代表的当前目录位置 项目结构 效果图 GameMap.h #ifndef GAMEMAP_H #define GAMEMAP_H #include <QObject> #include <QPainter> enum MapElement { Road, Wall, Box, Point, InPoint }; ...
    白色玫瑰 ( 2年前 )
    QT./代表的当前目录位置 项目结构 效果图 GameMap.h #ifndef GAMEMAP_H #define GAMEMAP_H #include <QObject> #include <QPainter> enum MapElement { Road, Wall, Box, Point, InPoint }; ...
    0 15

    一些CSS实现的特效

    收藏一些由CSS实现的特效你能相信吗？这些都是由一个DIV元素实现的动画，纯CSS3技术 scrolling滚动 seamless="seamless" iframe像是页面的一部分 frameborder 边框&#
    白色玫瑰 ( 2年前 )
    收藏一些由CSS实现的特效你能相信吗？这些都是由一个DIV元素实现的动画，纯CSS3技术 scrolling滚动 seamless="seamless" iframe像是页面的一部分 frameborder 边框&#
    0 17

    一个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
    白色玫瑰 ( 2年前 )
    /**\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 24

    css特效收藏

    http://www.yyyweb.com/350.htmlhttps://www.cnblogs.com/lhb25/p/page-loading-effects.htmlhttp://www.yyyweb.com/377.htmlhttp://www.yyyweb.com/demo/textillate/图片导出svg   https://www.jianshu.com/p/b8fef9378...
    白色玫瑰 ( 2年前 )
    http://www.yyyweb.com/350.htmlhttps://www.cnblogs.com/lhb25/p/page-loading-effects.htmlhttp://www.yyyweb.com/377.htmlhttp://www.yyyweb.com/demo/textillate/图片导出svg   https://www.jianshu.com/p/b8fef9378...
    0 18

    web前端入门——CSS3特效之动画animation

    动画animation\n通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。\n关键帧的定义\n不同于过渡动画只能定义首尾两个状态，关键帧动画可以定义多个状态，或者用关键帧的话来说，过渡动画只能定义第一帧和最后一帧这两个关键帧，而关键帧动画则可以定义任意多的关键帧，因而能实现更复杂的动画效果。\n@keyframes mymove{\n\tfrom{...
    白色玫瑰 ( 2年前 )
    动画animation\n通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。\n关键帧的定义\n不同于过渡动画只能定义首尾两个状态，关键帧动画可以定义多个状态，或者用关键帧的话来说，过渡动画只能定义第一帧和最后一帧这两个关键帧，而关键帧动画则可以定义任意多的关键帧，因而能实现更复杂的动画效果。\n@keyframes mymove{\n\tfrom{...
    0 28

    CSS特效收集

    点击元素，滚动条滚到元素位置\n\nvar mainContainer = $('.ulbox'),//父级容器\nscrollToContainer = mainContainer.find('.redbg');//指定的class\nmainContainer.animate({\nscrollTop: scrollToContainer.offset().top - mainContainer.of...
    白色玫瑰 ( 2年前 )
    点击元素，滚动条滚到元素位置\n\nvar mainContainer = $('.ulbox'),//父级容器\nscrollToContainer = mainContainer.find('.redbg');//指定的class\nmainContainer.animate({\nscrollTop: scrollToContainer.offset().top - mainContainer.of...
    0 17

    CSS特效介绍

    1.只有下边框的文本框和像文字的按钮\r\n效果图:\r\n\r\nView\r\n Code\r\n \r\n2.七彩的下拉菜单\r\n效果图:\r\n\r\nView\r\n Code\r\n \r\n \r\n3.直接输入的Excel表格\r\n 效果图:\r\n\r\nView\r\n Code\r\n \r\n \r\n4.热点调查\r\n效果图:\r\n\r\nView\r\n Code
    白色玫瑰 ( 2年前 )
    1.只有下边框的文本框和像文字的按钮\r\n效果图:\r\n\r\nView\r\n Code\r\n \r\n2.七彩的下拉菜单\r\n效果图:\r\n\r\nView\r\n Code\r\n \r\n \r\n3.直接输入的Excel表格\r\n 效果图:\r\n\r\nView\r\n Code\r\n \r\n \r\n4.热点调查\r\n效果图:\r\n\r\nView\r\n Code
    0 17

    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
    白色玫瑰 ( 2年前 )
    本章内容\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 9

    css的小特效

    好的特效有时会让页面更华丽，锦上添花
    白色玫瑰 ( 2年前 )
    好的特效有时会让页面更华丽，锦上添花
    0 18

    【css3】动画效果

    【css3】动画效果
    白色玫瑰 ( 2年前 )
    【css3】动画效果
    0 6

    css 各种特效实现方法

    通过伪元素 线性渐变背景 遮盖掉一部分内容。就是模拟类似ps的重复变换操作。可以在显示上变化而不影响布局？多层阴影叠加，调低各自不透明度。要求遮盖颜色与外部背景色相同。近快远慢 如镜头跟随行驶载具。自定义属性设置偏转角度更方便。属性会更方便的实现渐变边框。近慢远快 如仰视到俯视。
    白色玫瑰 ( 2年前 )
    通过伪元素 线性渐变背景 遮盖掉一部分内容。就是模拟类似ps的重复变换操作。可以在显示上变化而不影响布局？多层阴影叠加，调低各自不透明度。要求遮盖颜色与外部背景色相同。近快远慢 如镜头跟随行驶载具。自定义属性设置偏转角度更方便。属性会更方便的实现渐变边框。近慢远快 如仰视到俯视。
    0 22

    CSS3.0的特效教程

    最近花时间看了下CSS3，下面列出一些例子供大家参考，Web欢迎大家探讨 o(∩_∩)o 其中“ -moz- ” 一般指火狐的写法，“ -webkit- ” 一般指webkit内核浏览器的写法.1、border-radius 实现圆角效果，只需一行CSS代码便可以实现，支持众多浏览器，当然不支持IE。2、border-top-left-radius设置圆角各个角的半径值（不支持IE）
    白色玫瑰 ( 2年前 )
    最近花时间看了下CSS3，下面列出一些例子供大家参考，Web欢迎大家探讨 o(∩_∩)o 其中“ -moz- ” 一般指火狐的写法，“ -webkit- ” 一般指webkit内核浏览器的写法.1、border-radius 实现圆角效果，只需一行CSS代码便可以实现，支持众多浏览器，当然不支持IE。2、border-top-left-radius设置圆角各个角的半径值（不支持IE）
    0 17

    animate.css常用的CSS3动画特效

    项目中常用的css3动画特效，让项目更酷一点\n跳转地址，查看详细说明
    白色玫瑰 ( 2年前 )
    项目中常用的css3动画特效，让项目更酷一点\n跳转地址，查看详细说明
    0 16

    CSS3新增特效

    rotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。您可以使用 2D 或 3D 转换来转换您的元素。转换的效果是让某个元素改变形状，大小和位置。1.1.1 css3中2D转换动画效果。CSS3 转换可以对元素进行。
    白色玫瑰 ( 2年前 )
    rotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。您可以使用 2D 或 3D 转换来转换您的元素。转换的效果是让某个元素改变形状，大小和位置。1.1.1 css3中2D转换动画效果。CSS3 转换可以对元素进行。
    0 19

    Css常用特效属性

    文章目录改变text框中placeholder属性样式让文字垂直居中动画过渡内容相对父标签居中圆角边框和阴影页面不平铺并且响应式根据窗口调整尺寸让内容根据父容器容量布局，不要改变父容器尺寸，溢出内容直接隐藏清除提示框（点击就出现个框框，清除掉）形状变换设置高斯模糊文本域不可调节大小控制鼠标指针样式\n改变text框中placeholder属性样式\n<input type=\text\ name...
    白色玫瑰 ( 2年前 )
    文章目录改变text框中placeholder属性样式让文字垂直居中动画过渡内容相对父标签居中圆角边框和阴影页面不平铺并且响应式根据窗口调整尺寸让内容根据父容器容量布局，不要改变父容器尺寸，溢出内容直接隐藏清除提示框（点击就出现个框框，清除掉）形状变换设置高斯模糊文本域不可调节大小控制鼠标指针样式\n改变text框中placeholder属性样式\n<input type=\text\ name...
    0 24

    HTML+css之动画特效

    动画\n一、
    白色玫瑰 ( 2年前 )
    动画\n一、
    0 16

    css3中的动画特效案例

    引言\n最近学完css3的知识，下面做了几个有趣案例，来帮助自己熟悉css3的知识。\n一、升空的孔明灯\n<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\utf-8\>\n\t\t<title>孔明灯</title>\n\t\t<style>\n *{\n ...
    白色玫瑰 ( 2年前 )
    引言\n最近学完css3的知识，下面做了几个有趣案例，来帮助自己熟悉css3的知识。\n一、升空的孔明灯\n<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\utf-8\>\n\t\t<title>孔明灯</title>\n\t\t<style>\n *{\n ...
    0 13

    css3动画特效

    css动画特效分为三个大类：动画 过渡 变形\n\n其中过渡是属于轻型的动画，过渡常使用变形的基本操作。
    白色玫瑰 ( 2年前 )
    css动画特效分为三个大类：动画 过渡 变形\n\n其中过渡是属于轻型的动画，过渡常使用变形的基本操作。
    0 20

    好用的css特效

    一些好用的css样式设计
    白色玫瑰 ( 2年前 )
    一些好用的css样式设计
    0 16

    CSS3之好看的特效

    但是某些简单的特效可以直接用HTML和CSS3就能做出想要的，而且有时候用CSS3比用JS简单。话不多说，现在我就来介绍HTML和CSS3做的特效（因为不能传视频，所以只能用图片解释了）。 1. 左右切换特效 网页初始的样子 ...
    白色玫瑰 ( 2年前 )
    但是某些简单的特效可以直接用HTML和CSS3就能做出想要的，而且有时候用CSS3比用JS简单。话不多说，现在我就来介绍HTML和CSS3做的特效（因为不能传视频，所以只能用图片解释了）。 1. 左右切换特效 网页初始的样子 ...
    0 19

    10个超漂亮的CSS 3D特效

    在油管上看到了10个超漂亮的CSS 3D特效，遂分享给大家，有写是css+JavaScript实现的。 3D Slicebox 在3D立方体上寻找图像幻灯片？查看演示 图像转换 与THREE.js结合使用- 此图片幻灯片将让您的访问者惊呆了...
    白色玫瑰 ( 2年前 )
    在油管上看到了10个超漂亮的CSS 3D特效，遂分享给大家，有写是css+JavaScript实现的。 3D Slicebox 在3D立方体上寻找图像幻灯片？查看演示 图像转换 与THREE.js结合使用- 此图片幻灯片将让您的访问者惊呆了...
    0 13

    纯CSS3流光边框特效

    纯CSS3流光边框特效
    白色玫瑰 ( 2年前 )
    纯CSS3流光边框特效
    0 14

    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 10

    网页渲染markdown（markdown-it）

    使用markdown-it在网页上渲染markdown文件
    白色玫瑰 ( 2年前 )
    使用markdown-it在网页上渲染markdown文件
    0 11

    Markdown自定义CSS样式

    当我第一次接触到Markdown时，我就深深爱上了它。这简洁的界面，编程式的书写都令我爱不释手，最重要的是，还能够支持自定义html、css。 自定义CSS样式 说到Markdown，就不得不提及Typora这个软件，本例子即是在此...
    白色玫瑰 ( 2年前 )
    当我第一次接触到Markdown时，我就深深爱上了它。这简洁的界面，编程式的书写都令我爱不释手，最重要的是，还能够支持自定义html、css。 自定义CSS样式 说到Markdown，就不得不提及Typora这个软件，本例子即是在此...
    0 18

    Discuz 手动添加 markdown 代码支持教程！

    最近需要给discuz加上markdown的解析功能，发现插件实在太贵了要199元，个人觉得这个功能应该不难实现，于是决定自己DIY。本次使用的解析插件是marked。 介绍marked Marked.js 是一个用 JavaScript 实现的、功能...
    白色玫瑰 ( 2年前 )
    最近需要给discuz加上markdown的解析功能，发现插件实在太贵了要199元，个人觉得这个功能应该不难实现，于是决定自己DIY。本次使用的解析插件是marked。 介绍marked Marked.js 是一个用 JavaScript 实现的、功能...
    0 13

    25款漂亮的CSS3特效代码

    1、jquery+css3实现的图片墙效果\r\n \r\n\r\n很beautiful的一个图片墙效果，鼠标可直接拖动叠加提醒：请使用支持CSS3的浏览器，IE9等同类别版本即可，IE8及以下版本不支持建议在最新版的火狐浏览器下浏览最佳\r\n预览地址：http://www.lanrenzhijia.com/yulan/61/\r\n2、CSS3仿Windows 7的开始菜单\r\n \r\n\r\n纯CSS3实现的，仿win...
    白色玫瑰 ( 2年前 )
    1、jquery+css3实现的图片墙效果\r\n \r\n\r\n很beautiful的一个图片墙效果，鼠标可直接拖动叠加提醒：请使用支持CSS3的浏览器，IE9等同类别版本即可，IE8及以下版本不支持建议在最新版的火狐浏览器下浏览最佳\r\n预览地址：http://www.lanrenzhijia.com/yulan/61/\r\n2、CSS3仿Windows 7的开始菜单\r\n \r\n\r\n纯CSS3实现的，仿win...
    0 10

    10个超漂亮的CSS 3D特效

    在油管上看到了10个超漂亮的CSS 3D特效，遂分享给大家，有写是css+JavaScript实现的。 3D Slicebox 在3D立方体上寻找图像幻灯片？查看演示 图像转换 与THREE.js 结合使用- 此图片幻灯片将让您的访问者惊呆了...
    白色玫瑰 ( 2年前 )
    在油管上看到了10个超漂亮的CSS 3D特效，遂分享给大家，有写是css+JavaScript实现的。 3D Slicebox 在3D立方体上寻找图像幻灯片？查看演示 图像转换 与THREE.js 结合使用- 此图片幻灯片将让您的访问者惊呆了...
    0 13

    CSS3特效设计

    CSS3
    白色玫瑰 ( 2年前 )
    CSS3
    0 22

    好玩又酷炫的css3特效

    今天复习了CSS3新增属性，并做了一些demo，案例如下，一起学习… （请忽略兼容性问题和代码顺序规范问题）兼容问题可通过caniuse.com网站查询并加前缀解决 1.鼠标经过图片放大 核心语法： img:hover { /*鼠标...
    白色玫瑰 ( 2年前 )
    今天复习了CSS3新增属性，并做了一些demo，案例如下，一起学习… （请忽略兼容性问题和代码顺序规范问题）兼容问题可通过caniuse.com网站查询并加前缀解决 1.鼠标经过图片放大 核心语法： img:hover { /*鼠标...
    0 12

    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 18

    css3特效文本填充动画

    css文本描边
    白色玫瑰 ( 2年前 )
    css文本描边
    0 19
    加载更多内容
    it开发人员？欢迎一起讨论

    心灵鸡汤

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

    vue/java/html技术交流群

    热门文章
    最新评论
    • 花生哦 (2天前)
    • 07- (2天前)
    • 何何 (13天前)
    • 尘 (13天前)
    • 内容观察者 (15天前)

    关于本站

    花生博客专注于技术分享与生活记录。部分内容来源于网络整理，如涉及版权问题请第一时间联系我： abcdsjx@126.com ，我们会在 24 小时内处理。

    © 2025 HuaShen Blog
    湘ICP备2021009447号

    推荐阅读

    赞助支持

    微信
    微信
    支付宝
    支付宝