文件列表:

.vscode/ (0, 2021-04-18)
.vscode/settings.json (340, 2021-04-18)
package-lock.json (730772, 2021-04-18)
package.json (1064, 2021-04-18)
public/ (0, 2021-04-18)
public/index.html (1721, 2021-04-18)
public/manifest.json (492, 2021-04-18)
public/robots.txt (67, 2021-04-18)
src/ (0, 2021-04-18)
src/App.test.js (246, 2021-04-18)
src/components/ (0, 2021-04-18)
src/components/App.js (176, 2021-04-18)
src/components/App.scss (1, 2021-04-18)
src/components/HexGenerator/ (0, 2021-04-18)
src/components/HexGenerator/CodeBox.js (1604, 2021-04-18)
src/components/HexGenerator/HexGenerator.js (5029, 2021-04-18)
src/components/HexGenerator/HexGenerator.scss (3322, 2021-04-18)
src/components/HexGenerator/HexagonBox.js (361, 2021-04-18)
src/components/HexGenerator/Input.js (1585, 2021-04-18)
src/components/HexGenerator/inputs.js (2117, 2021-04-18)
src/index.js (516, 2021-04-18)
src/reportWebVitals.js (362, 2021-04-18)
src/scss/ (0, 2021-04-18)
src/scss/main.scss (63, 2021-04-18)
src/scss/reset.scss (929, 2021-04-18)
src/setupTests.js (241, 2021-04-18)

I found few hexagon CSS generators online, but I needed one with clear and smooth borders to my next project. So I made one based on polygon clip-path. Live app: https://csshexagongenerator.netlify.app Technology: CSS/SASS React JavaScript RWD CSS Hexagon generator: Fill data to find out if this hexagon is going to fit into your page, and generate HTML and CSS code to copy it for your use. I used specific range and steps on range inputs, but if you need you can override it by typing your data to number inputs (for e.g. if u need decimals in hexagon width or your shadow should be further than 100px).

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：