使用CSS3制作酷炫仿苹果複選框

使用CSS3制作酷炫仿苹果複選框的相关文章

使用CSS3制作酷炫防苹果复选框 自行测试！

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ background:#eee; } .lbl{ /*复选框背景色*/ height:20px; width:50px; display:block;/*元素将显示为块级元素*/ ba

Html + Css3 制作酷炫的导航栏

主要亮点: 1 ul 水平显示 2 li 去掉圆点 3 li中字体水平.竖直居中 4 li控制边框样式 5 使用html + css3 渐变画图 制作背景图片 6 更改颜色透明度 7 DIV制作边框阴影 先看效果图: 实现代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <!----编码-----> <meta nam

css3实现酷炫的3D盒子翻转效果

简介 运用css3先在平面空间组成立方体盒子,再让整个盒子翻转起来,先来张效果图: 步骤 1.先用css将6张图片摆成下图的样子: 下面就是通过css3的3D变换将每个面进行翻转,使之成为一个立体的盒子,代码如下: //左面 .pic2{ transform:rotateY(90deg); //沿y轴翻转90度 transform-origin:right; //以右边为轴 } //前面 .pic6{ transform:translateZ(100%); //垂直屏幕向外移动立方体的长度 }

tree.js 制作酷炫照片墙

原创hangGe0111 最后发布于2019-03-28 16:10:35 阅读数 561 收藏展开1.tree.js 是一个用来 制作流畅效果,如果学习的比较深入的话,用来做 游戏 或者 动画片 都是可以的,是一个很不错的js插件: 2.使用教程参考 2.1  http://www.hewebgl.com/article/articledir/1  (比较推荐) 这是一个中文网站,资料也比较齐全 2.2  https://techbrood.com/threejs/docs/#%E4%BD%B

Impress.js制作酷炫Presentation PPT

可以先看一个demo:http://dwqs.github.io/resume 昨天,我写了一些关于Impress.js的东西,对于创建在线的自我展示,这是一个非常不错的JavaScript库.由于是线上发布,所有有部分人问我怎么正确的使用它.因为没有在实际的项目页面设置帮助文档.这一篇文章将帮助你开始创建一个简单的幻灯片,但是之后你一定要完成它,可以用它来做很多酷炫的效果,唯一限制你的就是你的创造力. 需求 为了看到效果,请使用Google Chrome or Safari (or Firef

站在巨人的肩膀上——制作酷炫web幻灯片

在线演示1 本地下载 你是否还在用ppt做一些毫无意思的幻灯片?你是否在做ppt的时候绞尽脑汁想把效果做的吸引大家?你是否想通过一次ppt吸引领导的注意?那好吧!来学学怎么制作一款炫酷的web幻灯片~ ps:如果看到这里还不感兴趣就请先看看素材演示,这个演示是前些时候给组里新人介绍HTML5的时候自己做的一款幻灯片!   工具 一款最近版本的chrome浏览器(火狐,safari也可) 一款趁手的IDE工具 impress.js君(您也可下载本页素材进行自己需求的修改) 优点 几乎不需要写任何J

使用reveal.js制作酷炫的页面

几天前遇到一个制作3D幻灯片效果的插件,试着用到自己的在线简历页面中,展示效果蛮好的.不过查阅了很多文档,几乎都是英文,于是想着整理一下写一篇博客当总结. 准备工作: 1.首先当然是下载相应reveal的资源,下载链接:https://github.com/hakimel/reveal.js 2.将相应的文件夹(css.is.lib.plugin)引入到自己的工作目录,目录层次如下:(忽略我的imgs文件夹~~) 下面就可以着手写自己的页面啦~ <!doctype html> <html

CSS3实现酷炫导航

上面是一个效果图,代码在下面: html <html> <head> <meta charset="utf-8"/> <title>CSS3 实现的导航</title> <link type="text/css" rel="stylesheet" href="nav.css" /> <base target="_blank" hr

利用HTML canvas制作酷炫星星坠地粒子特效

去年在电影院看过的电影,印象最深刻的,算是电影<你的名字>了,而且被其中的画面深深吸引了,尤其是陨石划过天空的场景,太美啦!所以想着哪天做一个canvas的流星效果.最近刚好看到油管上的一个视频,作者的主页就是陨石坠落的粒子效果为背景,虽然没有<你的名字>中那么写实,但也是很漂亮了,效果大概长这样,附上链接https://codepen.io/christopher4lis/pen/PzONKR 在这个基础上,我做了一些修改,将圆形粒子换成五角星,背景星空无限右移,且随机产生流星.