🦴 Skeleton Screen CSS Generator

CSSGeneratetoolcan what？

CSSGeneratetoolprovides6typecommonuselayouttemplate，supportsphysicalwhenPreviewandParameterscustom。Selecttemplate、tunewholeColor/Border Radius/Speed/Rows， keyCopypureCSS+HTMLcodetoitemitemin， pagesideloadbody 。

feature

• 6typelayouttemplate：Card、List、Article、Profile、Product、Table
• physicalwhenPreview：Parameterstunewholei.e.when
• Parameterscustom：Skeleton Color、Highlight Color、Border Radius、Animation Speed、Rows
• pureCSSdynamicdraw： effect，NoneedJavaScript
• keyCopy：separate CopyCSSandHTMLcode

using

1. fromtemplateListinSelect typelayout

2. tunewholeright Parametersside in Color、Border Radius、Speedetc

3. inPreview vieweffect

4. clickCopybutton getcode

Applyscenario

scenario ：Listpageload bit

ProductList、ArticleListloadwhenshow ，giveuser bitanti-feedback，decreaseemptywhiteetc 。

scenario ： pagecontent bit

Article 、Profilepageloadwhen，showandmostfinallayout ，letuserexpectedcontentPosition。

scenario ： table Data bit

Data table loadwhenshowCardandTable ， layout dynamic。

extension

(Skeleton Screen) Luke Wroblewskiin2013year exit，Alreadyintofor WebApply standardconfig。 isincontentloadbeforeshowandmostfinallayoutend gray bitblock，configcombined or dynamicdrawhintusercontentcurrentlyload。implement haveCSS-onlyandJS+CSStwo types，localToolsGenerate codeisCSS-only ，morelight 。