web
关注
分享
扫一扫
文章平均质量分 60
prototypeAlert
最近在看的有，C语言，html
展开
-
<<web>>css3 各种平面图形的绘制(转）
如何使用CSS来制作图形，比如说圆形，半圆形，三角形等。今天我特意在网上查阅了一下，介绍这样的教程还是蛮多的，因此我也决定整理一份相关教程出来与大家一起分享。 如何工作？ 很少会有人意识到，当浏览器绘制的border，会有一个角度的问题。我们就是得用这样的一个技巧来制作三角的效果。我们只需要保证一边的边框是有色，其他边框色为透明色，这样我们就很容易制作出三角形，然后改变其大小来实现不同的效果转载 2016-05-18 17:16:36 · 1218 阅读 · 0 评论 -
＜＜web＞＞ Sublime /emmet /css
常用插件：Emmet:快捷输入html的插件Sublime prefixr：css自动补全Js format:js格式化Sublimelinter:错误提示高亮Sublime codeintel：代码自动提示Bracket highlighter:括号匹配Package control安装：按ctrl+~调出console,然后再粘贴一下代码importurllib.r原创 2016-04-04 01:19:41 · 774 阅读 · 0 评论 -
<<web>>3d 相册
1,html<!doctype html> <html> <head> <meta charset="utf-8"> <link href="D:/test/css/css.css" rel="stylesheet" type="text/css"> <title></title> </head> <body> <div class="wutai"> <di原创 2016-05-14 11:59:34 · 525 阅读 · 0 评论 -
<<web>>3d translate3d
不 多说 ，上代码 1，html<!doctype html> <html> <head> <meta charset="utf-8"> <link href="D:/test/css/css.css" rel="stylesheet" type="text/css"> <title></title> </head> <body> <div class="stag原创 2016-05-14 01:25:53 · 451 阅读 · 0 评论 -
<<web>>3d rotate
perspective的中文意思是：透视，视角！ perspective属性的存在与否决定了你所看到的是2次元的还是3次元的，也就是是2D transform还是3D transform. 这不难理解，没有透视，不成3D. 我们初中学美术，或者学建筑的同学肯定接触过透视的一些东西：3D transform中有下面这三个方法：rotateX( angle ) rotate原创 2016-05-14 00:52:16 · 416 阅读 · 0 评论 -
<<web>>div嵌套就是矩形的递归
做一个二维的相册，可以实现一个画报 我们实现分列可以用div嵌套 这个过程，我发现了很多以前都很迷糊的一个细节，css真的可以模拟我们人的任何操作，就像自己在桌上面摆动这些照片，我给2类照片非类，一个左，一个右，相邻的都是左右相对，如果我想更换照片，也可以实现同样的操作，如果想增加照片，可以按行增加，也可以添加某几个照片。 那我也可以把他们全部整理好，变成一叠照片，然后再散开的动画。这就需原创 2016-05-13 21:06:35 · 776 阅读 · 0 评论 -
<<web>>漂亮的相册(三)
我们可以通过动画的形式，自动的让相册运动，我们叫动画。 动画首先设定一个模式@keyframes @keyframes myfirst { 0% {background: red;} 100% {background: yellow;} } 当在 @keyframes 中创建动画，请把它捆绑到某个选择器，否则不会产生动画效果，animationdiv{animation: my原创 2016-05-13 18:40:10 · 879 阅读 · 0 评论 -
<<web>>漂亮的相册(一)
1,html<!doctype html> <html> <head> <meta charset="utf-8"> <link href="D:/test/css/css.css" rel="stylesheet" type="text/css"> <title></title> </head> <body> <div class="polaroid rotat原创 2016-05-13 15:14:22 · 898 阅读 · 0 评论 -
<<web>>漂亮的相册(二)
下面为之前做的相册，添加鼠标移动图形2d变换的行为，我们可以快速变换，也可以满速变换，就是过渡。transition. 1，快速变换div.polaroid{width:310px;padding:10px 10px 20px 10px;border:4px solid #BFBFBF;background-color:white;/* Add box-shadow */box-sh原创 2016-05-13 18:15:46 · 425 阅读 · 0 评论 -
<<web>>2D,transform
1，移动坐标translate 2，旋转rotate 3，放大缩小scale 4，翻转 skew()1，移动坐标translatediv#div2{transform:translate(50px,100px);-ms-transform:translate(50px,100px); /* IE 9 */-moz-transform:translate(50px,100p原创 2016-05-13 17:23:24 · 432 阅读 · 0 评论 -
<<数学>>css文字是个不规则图形
文字有阴影 水平阴影、垂直阴影、模糊距离，以及阴影的颜色 text-shadow: 15px 25px 5px #FF0000,没有阴影的大小，阴影不能改变大小。 文字换行 word-wrap:break-word 文字有字体@font-face 可以用自己的字体@font-face{font-family: myFirstFont;//命名字体名字src: url('Sansatio原创 2016-05-13 17:04:33 · 1061 阅读 · 0 评论 -
<<web>>css背景需要对应面积
一个背景的图片是什么 background 一个背景的大小，宽度，高度（百分比，像素）background-size 一个背景是否重复 background-repeat,不设置就是重复 这些是基本的属性，现在还有多重背景设置background_image， 背景区域选择background_origin， 背景区域绘制background_clip开始位置， 等细节，背景一共有3个设原创 2016-05-13 16:29:45 · 718 阅读 · 0 评论 -
<<数学>>圆角矩形,矩形重叠(一)
一个矩形四个角的弧度，不是思考如何画，而是思考如何来计算，计算机又是如何计算的呢？ 长，宽，然后取宽的n%宽作为半径，然后类似圆规画圆去绘制半径。 我们先用css3来绘制一个矩形，可以用div来做实验，并在div中输入文字，类似一个矩形里面再有一个矩形，有一些参数需要设定： 1，div边框厚度 border 2, div宽度 width 3, div文字内矩形到外矩形的距离 pad原创 2016-05-13 14:48:13 · 795 阅读 · 0 评论 -
<<数学>>高数的好处
没有好好学习高数之前，我总是看到一些需要用编程来实现函数的时候，总是特别的痛苦，怎么这么多参数啊，后来在高数学了求曲面面积，体积，曲线等后，发现当我们需要编程的时候，只要先明白数学的原理，然后再查找相关函数，直接写入参数就是轻而易举的事情了。<!DOCTYPE html><html><body><canvas id="myCanvas" width="300" height="150" styl原创 2016-05-13 12:25:56 · 631 阅读 · 0 评论 -
<<web+database>>xampp
xampp download https://www.apachefriends.org/index.htmlhow to make it run ?xampp http://jingyan.baidu.com/article/48a42057bda4d0a9242504b8.html原创 2016-06-26 22:43:18 · 280 阅读 · 0 评论