WinFuture-Forum.de: AERO-Blur-Effekt per CSS - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Software
  • 2 Seiten +
  • 1
  • 2

AERO-Blur-Effekt per CSS Geht das?


#1 Mitglied ist offline   Taxidriver05 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.658
  • Beigetreten: 14. Mai 09
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Schkopau - OT Ermlitz
  • Interessen:- Ausgehen,
    - Sport (am liebsten an der frischen Luft),
    - Musik (machen und hören),
    - Grafik- und Webdesign,
    - gut Essen,
    - an PCs basteln (für den schnellen Euro ;-)),
    uvm.

geschrieben 16. November 2010 - 07:40

Hi, liebe Community,

wollte mal fragen, ob einer eine Möglichkeit kennt, den AERO-Blur-Effekt (Milchglas) per CSS zu realisieren.
Zwar habe ich im Netz schon einige Photoshop-Tutorials gefunden, wie man dies umsetzen kann. Allerdings wird hier mit 2 Hintergrund-Ebenen (also 2 Grafiken) gearbeitet.
Dies ist jedoch nicht das, was ich mir vorstelle, da die Grafiken hinter dem "Milchglas" bei meinem Vorhaben beweglich sein müssen.
Ich habe zwar eine Seite gefunden, wo dies offenbar per CSS gelungen ist, jedoch wurde dort kein Code bereit gestellt.

Also, das mit der Transparenz ist nicht das Problem. Das Problem ist vielmehr diesen Verwischungseffekt in den transparenten Bereich hineinzubekommen.
BORN STUPID? TRY AGAIN!

"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
0

Anzeige



#2 Mitglied ist offline   Ludacris 

  • Gruppe: Moderation
  • Beiträge: 4.689
  • Beigetreten: 28. Mai 06
  • Reputation: 218
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 08:40

versuchs mit onblur :( (just kidding)

keine ahnung aber wäre sicher recht interessant... was ist wenn du es einfach wirklich mit 2 pngs machst und die übereinander legst?
0

#3 Mitglied ist offline   Taxidriver05 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.658
  • Beigetreten: 14. Mai 09
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Schkopau - OT Ermlitz
  • Interessen:- Ausgehen,
    - Sport (am liebsten an der frischen Luft),
    - Musik (machen und hören),
    - Grafik- und Webdesign,
    - gut Essen,
    - an PCs basteln (für den schnellen Euro ;-)),
    uvm.

geschrieben 16. November 2010 - 21:34

Beitrag anzeigenZitat (Ludacris: 16.11.2010, 08:40)

versuchs mit onblur ^_^ (just kidding)

keine ahnung aber wäre sicher recht interessant... was ist wenn du es einfach wirklich mit 2 pngs machst und die übereinander legst?

Geht nicht, da die Backgrounds fixiert sind und der Content scrollbar ist...
BORN STUPID? TRY AGAIN!

"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
0

#4 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 21:39

Und zwei png in divs? kann man dann doch beliebig platzieren.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#5 Mitglied ist offline   slurp 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.409
  • Beigetreten: 25. September 08
  • Reputation: 133
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 21:49

Mit reinem CSS wirst du das knicken können. Auch in dem besagten Video wurde jQuery mit verwendet...
0

#6 Mitglied ist offline   Taxidriver05 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.658
  • Beigetreten: 14. Mai 09
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Schkopau - OT Ermlitz
  • Interessen:- Ausgehen,
    - Sport (am liebsten an der frischen Luft),
    - Musik (machen und hören),
    - Grafik- und Webdesign,
    - gut Essen,
    - an PCs basteln (für den schnellen Euro ;-)),
    uvm.

geschrieben 16. November 2010 - 21:55

Beitrag anzeigenZitat (slurp: 16.11.2010, 21:49)

Mit reinem CSS wirst du das knicken können. Auch in dem besagten Video wurde jQuery mit verwendet...

Verdammt...!

Und über EINE transparente Grafik, die praktisch schon aus der Datei selbst diesen Michglas-Effekt mitbringt, kann ich das nicht lösen?
BORN STUPID? TRY AGAIN!

"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
0

#7 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 22:00

Na wie soll es denn aussehen? Mir sagt dieses AERO jetzt nix.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#8 Mitglied ist offline   slurp 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.409
  • Beigetreten: 25. September 08
  • Reputation: 133
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 22:01

Beitrag anzeigenZitat (Taxidriver05: 16.11.2010, 21:55)

Verdammt...!

Und über EINE transparente Grafik, die praktisch schon aus der Datei selbst diesen Michglas-Effekt mitbringt, kann ich das nicht lösen?

Nur wenn die Seite fix ist, sprich der Hintergrund sich unter keinen Umständen bewegt.
0

#9 Mitglied ist offline   Taxidriver05 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.658
  • Beigetreten: 14. Mai 09
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Schkopau - OT Ermlitz
  • Interessen:- Ausgehen,
    - Sport (am liebsten an der frischen Luft),
    - Musik (machen und hören),
    - Grafik- und Webdesign,
    - gut Essen,
    - an PCs basteln (für den schnellen Euro ;-)),
    uvm.

geschrieben 16. November 2010 - 22:06

@Holger_N: AERO ist dieser Milchglas-Effekt, den es seit Windows Vista gibt...

@slurp: Der Hintergrund ist per "background-attachment: fixed !important;" felsenfest... ^_^

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 16. November 2010 - 22:08

BORN STUPID? TRY AGAIN!

"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
0

#10 Mitglied ist offline   slurp 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.409
  • Beigetreten: 25. September 08
  • Reputation: 133
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 22:10

Beitrag anzeigenZitat (Taxidriver05: 16.11.2010, 22:06)

@slurp: Der Hintergrund ist per "background-attachment: fixed !important;" felsenfest... ^_^

Und das Objekt, das den Aero Effekt bekommen soll?

Dieser Beitrag wurde von slurp bearbeitet: 16. November 2010 - 22:10

0

#11 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 22:11

Beitrag anzeigenZitat (Taxidriver05: 16.11.2010, 22:06)

@Holger_N: AERO ist dieser Milchglas-Effekt, den es seit Windows Vista gibt...


Gibts da ein Bild von? Ich hab seit ich 2000 an nem NT-Rechner saß keine andere Umgebung mehr verwendet. Klassisch einfarbig ohne Kaugummi und ohne Effekte.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#12 Mitglied ist offline   Taxidriver05 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.658
  • Beigetreten: 14. Mai 09
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Schkopau - OT Ermlitz
  • Interessen:- Ausgehen,
    - Sport (am liebsten an der frischen Luft),
    - Musik (machen und hören),
    - Grafik- und Webdesign,
    - gut Essen,
    - an PCs basteln (für den schnellen Euro ;-)),
    uvm.

geschrieben 16. November 2010 - 22:17

@slurp:

Naja...
Wäre im Grunde der Content-Bereich der Winfuture-seite...
Das ist halt der bereich, der momentan diese Hintergrundgrafik hat mit den leicht milchig weißen diagonalstreifen...

@Holger_N: Ich rede von dem Rahmen wie in diesem Fenster...

Eingefügtes Bild
Natürlich ohne das Ribbon-Interface...

Dieser Beitrag wurde von Taxidriver05 bearbeitet: 16. November 2010 - 22:17

BORN STUPID? TRY AGAIN!

"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
0

#13 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.170
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 16. November 2010 - 22:27

Na da muß man doch nur ein in Photoshop gebasteltes halbtransparentes schmieriges PNG drüberpacken oder nicht. (Was auch immer ein Ribbon ist)
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#14 Mitglied ist offline   Taxidriver05 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.658
  • Beigetreten: 14. Mai 09
  • Reputation: 43
  • Geschlecht:Männlich
  • Wohnort:Schkopau - OT Ermlitz
  • Interessen:- Ausgehen,
    - Sport (am liebsten an der frischen Luft),
    - Musik (machen und hören),
    - Grafik- und Webdesign,
    - gut Essen,
    - an PCs basteln (für den schnellen Euro ;-)),
    uvm.

geschrieben 16. November 2010 - 22:30

Das/der (?) Ribbon ist dieser komische "Knopf" oben bzw. die Menügestaltung in dem Fenster...
BORN STUPID? TRY AGAIN!

"Himmlische Ruhe und tödliche Stille haben dieselbe Phonzahl."
My Music
0

#15 Mitglied ist offline   Ludacris 

  • Gruppe: Moderation
  • Beiträge: 4.689
  • Beigetreten: 28. Mai 06
  • Reputation: 218
  • Geschlecht:Männlich

geschrieben 17. November 2010 - 08:22

Beitrag anzeigenZitat (Holger_N: 16.11.2010, 22:27)

Na da muß man doch nur ein in Photoshop gebasteltes halbtransparentes schmieriges PNG drüberpacken oder nicht. (Was auch immer ein Ribbon ist)

das problem ist ja das diese PNG nicht halbtransparent wird sondern transparent und wenn ich es richtig verstanden habe, möchte er ja auch, dass es darunter verschommen ist so wie hier:


Eingefügtes Bild

Dieser Beitrag wurde von Ludacris bearbeitet: 17. November 2010 - 08:29

0

Thema verteilen:


  • 2 Seiten +
  • 1
  • 2

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0