好!欢迎访问迷津渡口 现在时间是:

迷津渡口

越感到迷惑 越接近真理

热门 CSS实现整站灰化

 2020-4-4  作者:小指  分类:css  评论:0 次  热度:581°C  点赞:1

今日清明,愿天下清明。致敬为疫情奋斗的所有人,为烈士哀祷,为仍奋斗在一线的医生护士和工作人员加油。乘风破浪会有时,直挂云帆济沧海。今天大部分的网站app都实现了整站灰化的效果,其实是利用一个CSS的样式实现的,兼容性较好的实现方式如下:html {   -webkit-filter: grayscale(100%);      -moz-filter: grayscale(100%);       -ms-filter: ...

热门 利用letter-spacing两侧对齐

 2017-3-15  作者:小指  分类:css  评论:0 次  热度:7153°C  点赞:25

表单左侧对齐:最长m字,本身n字,letter-spacing:(m-n)/(n-1)em右侧根据距离根据margin-right或者padding-right来二次调节:<div><label style="letter-spacing:1em;margin-right: -0.5em;">姓名:</label><input type="text"></div> <div><label style="letter-spacin...

热门 纯CSS视差滚动原理及实例

 2016-12-26  作者:小指  分类:css  评论:0 次  热度:7490°C  点赞:1

定义网页设计中的视差来源于生活体验:在观察者运动时,离眼睛距离越远的物体运动速度越慢,离眼睛距离越近的物体运动速度越快。所谓的视差就是在视觉中物体运动速度的差别。基础视差效果:纯CSS中的fixed两个相邻物体一个静止,一个运动,两者的差别可以形成基础的视差效果。在网页设计中基础的视差效果可以简单利用css中fixed实现。注意:css中的fixed都是相对于可视区,包含background-attachment:fixed,虽然包含背景的块可能被覆盖移动了,但是出现时,背景图相对于窗口是固定的,随着滚动条也会出现视差效果。background-attachment:fixed实现视差back...

热门 纯CSS实现各种图形效果分享

 2016-12-23  作者:小指  分类:css  评论:0 次  热度:6798°C  点赞:6

CSS可以实现任意的图形,特别是CSS3的圆角、旋转、倾斜等效果出现之后,CSS2要想出现斜线,可利用border的特性,利用相邻的边框不同颜色出现斜线的特点,自己体会吧^_^<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>迷津渡口-纯CSS实现各种图形效果分享</title> <style> #header { width: 800px; ma...

热门 CSS高效书写小贴士分享

 2016-12-21  作者:小指  分类:css  评论:0 次  热度:7577°C  点赞:2

统一样式书写顺序位置属性(position, top, right, z-index, display, float等)大小(width, height, padding, margin)文字系列(font, line-height, letter-spacing, color- text-align等)背景(background, border等)其他(animation, transition等)精简特殊值颜色十六进制表示法如果每两位的值相同,可以缩写一半,如:color:#336699; background:#AABBCC;简化后color:#369; background:#ABC;...

1 2 3 4 5
 00:00/00:00
我想和你虚度时光 - 花房姑娘(9)
  1. 恋恋风尘
  2. 恋恋风尘
  3. 恋恋风尘
  4. 恋恋风尘
  5. 恋恋风尘
  6. 恋恋风尘
  7. 恋恋风尘
  8. 恋恋风尘
  9. 恋恋风尘