CSS3 i HTML5 Futures... Potrzebuję pomocy w CSS3 ;)

[ara9al]

Witam!

Zacznę od tematu.

Wiem ja obracać obiekty, ale potrzebują osiągnąć pewne efekty:

Taki: zamiast takiego:

Oraz Chciałem Uzyskać coś co się nazywa Lava Lamp...

Na naszych Smartphone'ach możemy to zobaczyć np w sklepie Play. Chodzi mi o to "menu" przełączania się pomiędzy zakładkami. By był dokładnie podobny efekt jak na telefonach podczas gdy kliknę ów "zakładkę"...

 

 

Więcej póki co nie potrzebuję

Przy okazji Napraw ktoś Pełny edytor? Gubi formatowanie, nie reaguje na BBCCode...

[michalo2k]

1.      transform: skew(30deg, 0deg);  <-- pochylenie względem osi x, y    (deg - stopnie)

[ara9al]

1.      transform: skew(30deg, 0deg);  <-- pochylenie względem osi x, y    (deg - stopnie)

@michalo2k Hej! jak umiem zrobić pochylenie to znam oznaczenia Ale Liczę że mi z tym pomożesz...

 

Problem w tym że potrzebuję Nie pochylać tekstu wraz z tym... a nie chce robić Div w Div bo wiadomo, trudniej potem to animować przy warunkach jak np. "~:hover" itp.

 

Tak to się prezentuje:

 

 

#home {
	width: 100px;
	height: 30px;
	margin: 50px 0px 0px 0px;
	background-color: black;
	z-index: 2;
	position: relative;
	float: right;
	transform: rotate(-20deg) skew(30deg, 0deg);
	text-align: center;
}

 

 

Animować będę poprze CSS wiadomo jak

transition: 360ms;

Jak dobrze pamiętam... jak coś źle to oczywiście proszę o pomoc

[ara9al]

Ref

 

Mam jeszcze jeden, kolejny problem... chciałem ograniczyć przewijanie strony, wiem że mogę użyć

position: fixed;

Ale wtedy jak zrobię stopkę to nie chcę by ona się pokazywała na końcu strony, tylko aby była mała i widoczna po załadowaniu strony, a "content" się przewijał tylko w "miejscu" gdzie tego chcę. Obecnie to wygląda tak że wszystko się przewija. Najzwyczajniej nie chcę by się wyświetlał Scrollbar po prawej stronie w przeglądarce, tak jak tu się wyświetla .