关键字:明度
  • 网站页面设计笔记--前期准备与Header制作
    前期准备 1.建立文件结构。然后分成资源和提供两个文件夹。一个存入本地使用,一个存入外部引入(Grid布局和normalize css在外部)再分别放入图片/css/js之类的 image.png 2.通过link使用文间结构中的css i ...
  • angular7 echarts中国散点图
    angular7中引入中国地图 最近项目中需要做一个数据大屏,用中国地图散点图展示一些数据, 图表用的是echart4.2.1,angular版本是7.1.0 下面简要介绍一下实现过程: 第一步: 在angular.json中引入china ...
  • web前端入门到实战:关于CSS过渡(transition),你需要知道的事
    CSS3的过渡属性,给web应用带来了简单优雅的动画,但是比起初次相见,他(transition)有许多细则。 在这片文章中,我将会专研CSS3的过渡(transition)中更加复杂的部分,从链式和事件到硬件加速和动画函数。 让浏览器控制 ...
  • web前端入门到实战:送给CSS初学者的悬停过渡动画三部曲
    CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。 如下是我们将在本教程中构建的代码 项目设置 在这个项目中,我们将把过渡效果应用到一个class为 ...
  • CSS3动画的使用
    一.动画的创建 @keyframes规则是创建动画 浏览器兼容 1、@keyframes myfirst 2、@-webkit-keyframes myfirst /* Safari and Chrome */ 3、@-moz-keyfra ...
  • 实现H5视频播放器的部分播放控件
    GitHub链接: https://github.com/cyjsysu/H5_video_player 1.为什么写播放器 上学期(2019年末)数据库大作业原本是想做一个简易的视频网站的。但上网看了一些相关内容后,当时觉得自己还不会JS ...
  • web前端学习,JS—案例:旋转木马
    案例:旋转木马页面加载时候出现的效果,script标签写在head里面,body上面显示一个图片散开的动画,遍历之后,把每个图片用封装的动画函数移动到指定目标(同时改变多属性:宽,透明度,层级,top, left)在做左右按钮点击事件。右边 ...
  • 学习总结之HTML5剑指前端
    前言 学习《HTML5与CSS3权威指南》这本书很不错,学完之后我颇有感触,觉得web的世界开明了许多。这本书是需要有一定基础的web前端开发工程师。 这本书主要学习HTML5和css3,看看这本书的书名就知道了,首先学习HTML5中新增的 ...
  • 60个非常实用的CSS代码片段,千万要收藏好了!
    1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: ...
  • css 背景用法大全
    background 属性是 CSS 中用于设置元素背景的属性,最简单的background属 性名,是针对背景若干设定的合并简写,最早的 CSS 只能使用单一背景图片,而在现在却可以设置多个背景图片。而不用图片的话,最早的 backgr ...

暂无数据