北屋教程网

专注编程知识分享,从入门到精通的编程学习平台

色彩的色彩

分享者:墨兜 墨加小兜兜

分享主题:设计师会用到的色彩工具集合

上次墨加的设计时间,跟大家分享了一些关于免费图片库的资源,这次跟大家分享一些关于色彩方面的资源。

书籍篇

1.色彩形象坐标

国内首次引进日本的门赛尔色彩应用系统。可量化的色彩手册,130种基本色的全色彩数据和其具体的形象,适意活性的三色配色实例。

css+canvas 随便画一个星空

今天躺在床上刷抖音的时候,看见了一个马克笔随便画星空的视频,很有意思。


先看效果:


开始需求分析:

1、渐变色的背景

2、画一颗树和一些草

3、水面的倒影

4、随便画点星星

5、画一颗流星

纯css实现动态渐变背景

先看看最终效果

这个效果非常简单,只要看完实现原理应该就是有思路了。


原理

  1. 规定好容器尺寸

有了这些,Html前端开发so easy!

还在傻傻地通过不停敲代码来实现idea?那你就太“脚踏实地”了。在开发工作中,有很多开发工具,不仅能够使得工作事半功倍,还比直接敲代码有趣,让你可以在百忙之中偷个小懒。走过路过不要错过~~~

  1. CSS3样式生成器

  2. CSS3渐变样式生成器,类似PS中的渐变界面:

  3. CSS整形和优化工具

  4. CSS3动画制作工具Sencha Animator

三行CSS代码把网页像素化

最近在网上逛,突然发现Element-plus官网的效果非常"fashion"。

顶部导航栏区域在页面滚动的时候,所有经过导航栏区域的内容都会变成像 "像素画" 一样,效果非常有意思。

什么是CSS3?

什么是CSS?


CSS是一种表现HTML或XML等文件样式的计算机语言,可以静态修饰网页和脚本语言动态地对网页各元素进行格式化,还能够对网页中元素位置的排版进行像素级精确控制,具有丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩等特点。

HTML和HTML5,css和css3的区别有哪些?

HTML和HTML5的区别:

其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,其中常用的有如下这些,如有不全请谅解,仅供参考:

通过构建背景图学习CSS径向渐变

本文翻译自 Learn CSS radial-gradient by Building Background Patterns,作者:Temani Afif 略有删改

CSS渐变属性的特效

页面中如果有两种或多种指定颜色之间的平滑过渡的渐变效果,会使得我们的视觉效果瞬间提升几个档次,在CSS3中有提供的多个渐变方式属性就能让我们轻松实现这样的渐变效果。

目前CSS渐变属性有六个,分别为:

css渐变讲解

语法:linear-gradient(方向,颜色 位置,颜色 位置);
示例: background: linear-gradient(90deg,red 40%,yellow 50%,green 80%);
参数解析: 其中位置的百分比指的是颜色结束渐变的面积。
方向取值:top,bottom left等/0deg
(如果不写方向默认为180deg/top),方向前面不要加to。
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言