Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

垂直条纹 #7

Open
wasaisai opened this issue Jan 10, 2020 · 0 comments
Open

垂直条纹 #7

wasaisai opened this issue Jan 10, 2020 · 0 comments

Comments

@wasaisai
Copy link
Owner

垂直条纹的代码跟水平条纹几乎是一样的,差别主要在于:我们需要在开头加上一个额外的参数来指定渐变的方向。在水平条纹代码中,我们其实也可以加上这个参数,只不过它的默认值to bottom跟我们的意图一致,于是就省略了。
最后,我们还需要把background-size的值颠倒一下
background:linear-gradient(to right, #fb3 50%, #58a 0); background-size: 30px 100%;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant