10
6
2011
35

rgba的运用 以及 box-shadow内阴影 记

.build-group h3, .build-group ul {
    background: none repeat scroll 0 0 rgba(133, 156, 228, 0.1);
    border: 1px solid #1B335B;
    box-shadow: 1px 1px 8px 1px #1B335B inset;
    float: left;
    font: 20px 'MuseoSans500',sans-serif;
    margin: 0;
    padding: 20px 30px;
}

今天在逛http://nightly.mozilla.org/的时候,看到有内阴影效果,一看源代码居然box-shadow还有内阴影设置…… 兴奋又无奈啊。

来分析下box-shadow的参数吧

  前参数是设置阴影的位置,第三个是设置阴影的模糊度,第四个是设置阴影的范围大小

  第五个就是设置颜色(可以用rgba),最后一个是设置是不是内阴影,如不设置默认是外阴影

  PS:阴影可以是多重的,多重间用“,”隔开!!

还有连背景色也能用rgba方式定义半透明效果了呢!

 

参考资料:

   https://developer.mozilla.org/en/CSS/box-shadow

 

Category: Web摘记 | Tags: css | Read Count: 4108
Avatar_small
Digital Ali 说:
2021年9月13日 22:44

Excellent and very exciting site. Love to watch. Keep Rocking. 123 free movies

Avatar_small
SEO 说:
2021年10月01日 00:12 Thanks for sharing nice information with us. i like your post and all you share with us is uptodate and quite informative, i would like to bookmark the page so i can come here again to read you, as you have done a wonderful job. Complete Business Funding List
Avatar_small
SEO 说:
2021年10月10日 01:15

<p>
Wow i can say that this is another great article as expected of this blog.Bookmarked this site.. <a href="https://seofastwork.com/%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87%e0%b8%a3%e0%b8%b2%e0%b8%a2%e0%b9%84%e0%b8%94%e0%b9%89%e0%b8%88%e0%b8%b2%e0%b8%81%e0%b8%9a/ ">SEO ติดหน้าแรก</a></p>

Avatar_small
SEO 说:
2021年10月18日 02:50

I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. umrah package from abu dhabi

Avatar_small
SEO 说:
2021年11月04日 20:14

Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon. Big thanks for the useful info. 오피톡

Avatar_small
bilal 说:
2021年11月15日 15:56

This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free. judi slot

Avatar_small
SEO 说:
2021年11月23日 18:44

KitaabNow is an online book store in pakistan with a huge variety of Academic Books and Stationery items.

Avatar_small
Umzugsfirma Zürich 说:
2021年12月24日 19:38

Die 1a umzüge GmbH ist Ihr zuverlässiger Partner für Umzug, Reinigung, Entsorgung, Lagerung und alle Dienstleistungen rund um den Umzug. Kontakt 1a Umzüge GmbH, Umzugsfirma Zürich.

Avatar_small
Gmail PVA Accounts 说:
2022年6月22日 01:03

This is the first time I visit here and I found so much interesting stuff in your blog especially its discussion. Thank you.

Avatar_small
Rent private office 说:
2022年7月05日 00:16

Thanks for the post and great tips. Even, I also think that hard work is the most important aspect of getting success.

Avatar_small
Marketplace Flow 说:
2022年7月05日 00:16

Thanks for the tips and information. I really appreciate it.

Avatar_small
Website 说:
2022年7月23日 13:21

Instagram PVA accounts are so easy to purchase now a days. Quickly buy as many accounts as you want and increase your business online presence on Instagram.

Avatar_small
halal vitamins 说:
2022年7月28日 13:35

Very interesting blog. A lot of blogs I see these days don't really provide anything that I'm interested in. But I'm most definitely interested in this one. Just thought that I would post and let you know.

Avatar_small
Website 说:
2022年8月09日 20:56

walk in notary Mississauga
Very interesting blog. A lot of blogs I see these days don't really provide anything that I'm interested in. But I'm most definitely interested in this one. Just thought that I would post and let you know.

Avatar_small
Website 说:
2022年9月22日 14:14

smart home reviews
Thanks for a wonderful share. Your article has proved the hard work and the experience you have got in this field. Brilliant. I love it reading.

Avatar_small
Creative Agency 说:
2022年11月26日 19:07

Human-centered Design
Thanks for sharing the info. Keep up the good work going. I really enjoyed exploring your site. Good resource.

Avatar_small
Creative Agency 说:
2022年11月26日 19:42

I highly appreciate this post. It’s hard to find the good from the bad sometimes. but I think you’ve nailed it! would you mind updating your blog with more information?

Avatar_small
Website 说:
2022年12月17日 18:03

sigma gamma rho cardigan
Superbly written article. If only all bloggers offered the same content as you. the internet would be a far better place.

Avatar_small
Website 说:
2023年1月28日 00:12

Buy instagram pva accounts
Wonderful article. Thanks for putting this together! This is obviously one great post. Thanks for the valuable information and insights you have so provided here.

Avatar_small
Website 说:
2023年1月28日 02:20

Buy Instagram pva accounts
I'm glad I found this website. I couldn't find any knowledge on this matter prior. Also, operate a site, and if you are ever interested in doing some visitor writing for me if possible feel free to let me know. I am always looking for people to check out my website.

Avatar_small
Website 说:
2023年2月02日 00:27

Buy Instagram PVA Accounts
It is imperative that we read blog posts very carefully. I am already done with it and find that this post is really amazing.

Avatar_small
Website 说:
2023年2月02日 02:28

Full home remodel in san jose
Wonderful article. Thanks for putting this together! This is obviously one great post. Thanks for the valuable information and insights you have so provided here.

Avatar_small
Website 说:
2023年2月05日 23:44

Instagram pva accounts
Excellent and very exciting site. Love to watch. Keep Rocking.

Avatar_small
Website 说:
2023年2月07日 01:21

Buy Gmail PVA Accounts
This is such a great resource that you are providing and you give it away for free. I love seeing websites that understand the value of providing a quality resource for free. It is the old what goes around comes around routine.

Avatar_small
Website 说:
2023年2月07日 01:51

Buy Gmail PVA Accounts
Thanks for the post and great tips. Even, I also think that hard work is the most important aspect of getting success.

Avatar_small
Website 说:
2023年2月17日 00:16

Superbly written article. If only all bloggers offered the same content as you. the internet would be a far better place.

Avatar_small
Website 说:
2023年2月17日 00:17

Instagram pva accounts
Thank you for taking the time to publish this information very useful.

Avatar_small
Website 说:
2023年2月17日 01:06

Instagram pva accounts
Thank you for taking the time to publish this information very useful.

Avatar_small
Website 说:
2023年2月23日 23:54

Black Mold Clean Up
This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value of providing a quality resource for free.

Avatar_small
Website 说:
2023年3月20日 01:47

Jamaica all inclusive resorts
I highly appreciate this post. It’s hard to find the good from the bad sometimes. but I think you’ve nailed it! would you mind updating your blog with more information?

Avatar_small
Website 说:
2023年4月07日 06:52

retail leasing lawyers
I highly appreciate this post. It’s hard to find the good from the bad sometimes. but I think you’ve nailed it! would you mind updating your blog with more information?

Avatar_small
Website 说:
2023年4月16日 23:51

https://goxapp.com/passive-income
Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! Keep rocking.

Avatar_small
stealtech 说:
2023年4月24日 17:39

Thanks for the post and great tips. Even, I also think that hard work is the most important aspect of getting success.

Avatar_small
greentwinkie 说:
2023年4月25日 18:01

Wonderful illustrated information. I thank you for that. No doubt it will be very useful for my future projects. Would like to see some other posts on the same subject!

Avatar_small
Website 说:
2023年5月12日 01:50

free puzzle games
What a fantabulous post this has been. Never seen this kind of useful post. I am grateful to you and expect more posts like these. Thank you very much.


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter

Host by is-Programmer.com | Power by Chito 1.3.3 beta | Theme: Aeros 2.0 by TheBuckmaker.com