CODEWITHSUNDEEP
csstwitteroverlayopacity
tim peterson
tim peterson

Reputation: 24305

How can I build a twitter-like, semi-transparent background overlay?

I referring to the semi-transparent, white border around a Twitter page's main content. It is the white border that extends all the way up to the header.

Just wondering if anyone has a quick demo handy to play with.

Upvotes: 1

Views: 4604

Answers (2)

RKusaf
RKusaf

Reputation: 31

The newest Twitter update makes it so only the following will allow your Twitter to become transparent... http://userstyles.org/styles/75782/newtwitter-semi-transparent-stream-and-dash-v0-2

Upvotes: 3

GorrillaMcD
GorrillaMcD

Reputation: 1894

You can do it with css3. Make a div:

<div class="container transparent">
  Your content
</div>

Then in your stylesheet(fixed now):

.transparent {
    background: rgba(255,255,255,.5);
}

Looking at the source for that twitter page though, it looks like they used a transparent png:

background: url(https://si0.twimg.com/a/1339096274/t1/img/wash-white-30.png);

Upvotes: 2

Related Questions