前端配色方案：最舒服的十種顏色

原創 寒泉Hq 2020-03-27 00:50

科學上最舒服的十種顏色


███ 19CAAD         ███ D6D5B7
███ 8CC7B5          ███ D1BA74
███ A0EEE1           ███ E6CEAC
███ BEE7E9           ███ ECAD9E
███ BEEDC7         ███ F4606C
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

position:absolute下，top:0,right:0,bottom:0,left:0 結合margin:auto的作用（讓明確寬高的盒子水平垂直居中於父元素）

絕對定位 + margin，讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie

ddx2019 2020-07-08 11:55:42

讓盒子水平垂直居中的方法小結

一、絕對定位 + margin，讓固定寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="v

ddx2019 2020-07-08 11:55:42

不知道取個啥名（CSS翻轉，transform）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-

ddx2019 2020-07-08 11:55:42

函數的內部屬性————Arguments對象

一、基本點 arguments是一個類數組對象，包含着傳入函數中的所有參數。主要用途是保存函數參數，但這個對象還有一個名叫callee的屬性 arguments的 callee屬性是一個指針，指向擁有這個arguments對象的

ddx2019 2020-07-08 11:55:42

皮卡丘之————CSS變量和CSS3新特性的使用

知識點 ： CSS:CSS變量的應用，基本的css屬性 CSS3 ：邊框border 、圓角border-radius、盒子陰影box-shadow、徑向漸變radial-gradient、transform中的 rotate，t

ddx2019 2020-07-08 11:55:42

鼠標經過按鈕上方 ，hover的時候，側邊欄向右滑出顯示，且可點擊（hover顯示側導航）

1. html代碼示例： 結構要點： 要顯示的**側邊欄是按鈕的子級 ** <div class="btn_slidebar"> 顯示側邊欄 <ul class="test_slidebar">

ddx2019 2020-07-08 11:55:42

獲取N天前的時間（ 過去七天的年月日、toLocaleDateString的應用 、獲取時間段字符串,Date.now()和new Date().getTime()的使用 ）

需求： 獲取過去七天到今天的時間段，需要字符串格式：2020-4-13~2020-4-20 ; 需要字符串格式：2020-04-13~2020-04-20 ; 需要的字符串格式 ：?start=2020-04-13&end=20

ddx2019 2020-07-08 11:55:42

CSS部分函數(calc()、attr()、rgb()、rgba()、var() 、cubic-bezier()、hsl()、hsla()、漸變)

1. calc( )函數 calc() 函數用於動態計算長度值。 ①： 運算符前後都需要保留一個空格，例如：width: calc(100% - 10px)； ②： 任何長度值都可以使用calc()函數進行計算； ③： calc

ddx2019 2020-07-08 11:55:42

兼容多個瀏覽器的自適應iframe尺寸的腳本

JS代碼如下: <script type="text/javascript"> function SetWinHeightBySelf(iframeObj){ if (document.getElementById){

刘秋荣 2020-07-03 18:54:05

Flash常見問題

　【0. web瀏覽flashzone保存flash方法】 如果你經常用web方式瀏覽flashzone,那麼保存flash推薦使用FlashCatcher,兩步搞定. 安裝完後自動成爲IE外掛的一部份,碰到有flash的地方會出現浮動面

leaveoff 2020-07-02 22:41:03

css頁面左中右分欄

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

KandyDev 2020-06-22 09:10:45

【WangEditor】使用富文本編輯器 WangEditor 實現用戶自定義圖片大小（改js源碼）

效果圖 1、WangEditor本身提供的 “編輯圖片” 功能，調整圖片大小選項只能爲30%，50%，100%。 2、修改 wangEditor.js 源碼後，用戶可以輸入自定義大小。例如，50%效果如下： 再例如，20%效果

寒泉Hq 2020-06-16 10:38:32

js簡單實現計算器+數組類

文章目錄js簡單實現計算器代碼常用數組操作方法concat() :合併join():轉化字符串pop() : 移除push():添加reverse() : 反轉shift():移除unshift():添加sort():排序spli

聪明的王二狗 2020-06-15 23:34:11

微信領取卡券中android和iOS的坑

最近在開發微信卡券,想讓用戶進入頁面自動喚醒領取卡券窗口 iOS用戶沒問題正常喚醒領取窗口,android死活不行, 最後發現把wx.addCard()接口寫進wx.ready()就行了,真是大坑啊

linuxoffer 2020-06-12 18:09:05

鼠標 hover時盒子陰影效果，凸起效果_ box-shadow的應用

盒子陰影 <div class="test-shadow"></div> <style> .test-shadow{ background-color: rgb(180, 224, 241);

ddx2019 2020-06-11 08:03:50