無所不能的前端CSS工具！又能解放雙手了！
大家好，最近發(fā)現(xiàn)了一個(gè)網(wǎng)站 Omatsuri 挺實(shí)用的，這是一個(gè)提供 CSS 樣式的網(wǎng)站，非常實(shí)用，基本覆蓋了我們平常開發(fā)中所遇到的一些場(chǎng)景。
圖片
三角形生成
如果你想用 CSS 畫一個(gè)三角形，你又不想自己寫，因?yàn)樘闊┝耍@個(gè)時(shí)候你可以直接使用這個(gè)網(wǎng)站去生成。
圖片
你可以隨意修改顏色、高度、寬度、角度、方向等等，修改完之后，下方會(huì)提供現(xiàn)成的 CSS 樣式代碼讓你復(fù)制，是不是非常的方便~
圖片
漸變背景顏色生成
平時(shí)在做一些官網(wǎng)之類的網(wǎng)站時(shí)，也會(huì)經(jīng)常需要將背景顏色設(shè)置成漸變風(fēng)格，這樣更加好看，吸引用戶，但是漸變寫起來非常麻煩，所以可以借助這個(gè)網(wǎng)站去實(shí)時(shí)預(yù)覽調(diào)試
圖片
可以自行改變起始和結(jié)束的顏色，調(diào)整漸變程度，方向，并且可以直接復(fù)制現(xiàn)成的 CSS 樣式代碼到你的項(xiàng)目中使用
圖片
頁面分割線
當(dāng)你想要給你的網(wǎng)頁加上一些好看的分割線，不想太單調(diào)時(shí)，你也可以使用這個(gè)網(wǎng)站去生成獲取，它提供了好幾種風(fēng)格任你挑選，老規(guī)矩，會(huì)提供給你現(xiàn)成的代碼讓你復(fù)制
圖片
鼠標(biāo)光標(biāo)樣式
當(dāng)你想要改變你的鼠標(biāo)光標(biāo)樣式時(shí)，你可以到這個(gè)網(wǎng)站上看一看，看看有沒有你想要的光標(biāo)樣式
圖片
生成 mock 數(shù)據(jù)
當(dāng)你想生成 mock 數(shù)據(jù)來調(diào)試頁面時(shí)，也可以在這個(gè)網(wǎng)站上進(jìn)行生成，通過 JSON SCHEMA 的方式進(jìn)行定義生成即可
圖片
自動(dòng)生成鍵盤事件監(jiān)聽代碼
我們開發(fā)中可能需要監(jiān)聽鍵盤事件，但是不知道特定的按鍵怎么監(jiān)聽，這個(gè)時(shí)候可以到這個(gè)網(wǎng)站上，只需要按下你想監(jiān)聽的按鍵，頁面上就會(huì)自動(dòng)生成你這個(gè)按鍵的監(jiān)聽事件代碼，供你復(fù)制
圖片
base64
你可以上傳文件，讓它幫你轉(zhuǎn)換成 base64 格式
圖片
SVG 轉(zhuǎn) JSX
圖片
