jaywcjlove/autoprefixcss

Break free from CSS prefix hell!摆脱CSS前缀地狱！

Hi, I'm Kenny, Fullstack developer from Shanghai, China.

Weibo • Twitter • E-Mail • Sponsor

✦ My macOS/iOS application ✦

More Repositories ...

Handbook	Homepage	Stars	Last Commit	Downloads
awesome-mac	#homepage
reference	#homepage
mysql-tutorial	#homepage
handbook	#homepage
awesome-uikit	#homepage
nginx-tutorial	#homepage
docker-tutorial	#homepage
golang-tutorial	#homepage
swiftui-example	#homepage
git-tips	#homepage
shell-tutorial	#homepage
regexp-example	#homepage
package.json	#homepage
swift-tutorial	#homepage
c-tutorial	#homepage
awesome-chatgpt	#homepage
github-actions	#homepage
react-native	#homepage
react-components-awesome	#homepage
html-tutorial	#homepage
Github Actions	Homepage	Stars	Last Commit	Downloads
changelog-generator	#homepage
github-action-contributors	#homepage
github-action-package	#homepage
markdown-to-html	#homepage
generated-badges	#homepage
create-tag-action	#homepage
github-action-modify-file-content	#homepage
github-action-read-file	#homepage
action-ejs	#homepage
Rehype Plugins	Homepage	Stars	Last Commit	Downloads
rehype-attr	#homepage
rehype-rewrite	#homepage
rehype-video	#homepage
remark-github-blockquote-alert	#homepage
rehype-ignore	#homepage
SwiftUI Plugins	Homepage	Stars	Last Commit	Downloads
swiftui-markdown	#homepage
swiftui-texteditor	#homepage
swiftui-searchfield	#homepage
macOS App	Homepage	Stars	Last Commit	Downloads
DevHub	#homepage
copybook-generator	#homepage
devtutor	#homepage
TextSoundSaver	#homepage
ResumeRevise	#homepage
regex-mate	#homepage
time-passage	#homepage
IconizeFolder	#homepage
create-custom-symbols	#homepage
palette-genius	#homepage
symbol-scribe	#homepage
Other Project	Homepage	Stars	Last Commit	Downloads
linux-command	#homepage
hotkeys-js	#homepage
github-rank	#homepage
iNotify	#homepage
oscnews	#homepage
vim-web	#homepage
validator.js	#homepage
svgtofont	#homepage
mocker-api	#homepage
FED	#homepage
store.js	#homepage
react-hotkeys	#homepage
translater.js	#homepage
idoc	#homepage
amac	-
sgo	#homepage
tools	#homepage
wxmp	#homepage
cookie.js	#homepage
rdoc	#homepage
nginx-editor	#homepage
icongo	#homepage
sb	#homepage
tsbb	#homepage
onlinenetwork	-
magic-input	#homepage
colors-cli	#homepage
html-to-markdown-cli	#homepage
wcj	#homepage
markdown-to-html-cli	#homepage
loading-cli	#homepage
dev-site	#homepage
rust-cn-document-for-docker	#homepage
websocket	-
date.js	#homepage
stylus-px2rem	#homepage
jaywcjlove	-
rollup-demo	-
google	#homepage
code-image	#homepage
console-emojis	#homepage
jaywcjlove.github.io	#homepage
parcel-plugin-markdown-string	#homepage
refs-cli	#homepage
local-ip-url	#homepage
webpack-react-demo	-
AutoPrefixCSS	-
webpack-plugin-manifest	-
table-of-general-standard-chinese-characters	#homepage
coverage-badges-cli	#homepage
bannerjs	#homepage
dark-mode	#homepage
react-native-doc	-
MDEditor	#homepage
image2uri	#homepage
logo	#homepage
react-native-typescript-example	-
code-example	#homepage
docs	#homepage
generate-password	#homepage
react-dynamic-loadable	-
compile-less	#homepage
gitke	-
outdatedbrowser	-
chinese-numerals	#homepage
colors-named-decimal	#homepage
debugger-terminator	-
ejs-cli	#homepage
typenexus	#homepage
auto-config-loader	#homepage
chmod-cli	#homepage
doc-static	-
reader-stat	#homepage
recursive-readdir-files	#homepage
auto-gitee-mirror	-
BlankTab	-
colors-named	#homepage
pml	-
rollup-plugin-less	#homepage
url-encode	#homepage
whereis	#homepage
hsl-matcher	#homepage
markdown-style	#homepage
path-templater	#homepage
uglify-js-export	#homepage
zh-hans.react.dev-for-docker	-
colors-named-hex	#homepage
map-manager-report-location	-

Web Tool • SVG Icon Search • WXMP • CodeImage • Quick Reference • json-viewer • npm-unpkg • run-web • keycode-info • ui-color • nginx-editor • linux-command • github-rank • dev-site • logo • regexp-example • URL Decoder/Encoder

autoprefixcss's Issues

单独引用vendor.styl这个文件，display flex 失效

用的flex:1,
结果生成以下
-webkit-box-flex: 0;
-moz-box-flex: 0;
width: 1;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
浏览器表示毫无兴趣（Chorme）

box-shadow 失效

styl

.login-box
    position: absolute
    left: 50%
    top: 50%
    background: #fff
    width: 400px
    height: 300px
    margin-left: -(@width/2)
    margin-top: -(@height/2)
    padding: 30px
    opacity:0.5
    box-shadow:0 25px 25px 0 font-gray-light

根据以上的代码生成的css如下
css

.login-box {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 400px;
    height: 300px;
    margin-left: -200px;
    margin-top: -150px;
    padding: 30px;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    box-shadow: 0 25px 25px 0 #999;
}

我用的是vue-cli webpack 脚手架，如上opacity是生效的，但是box-shadow是无效果的