So, today, I felt like doing something about how this blog previously looked like; a tileable forest-green background image, with all these nice partially transparent gadgets. It just looked silly.
I really love partially transparent backgrounds and outlines for gadgets and different parts! It gives a smooth and easy-on-the-eye feeling for the looker. Still, I felt the background was overwhelming. So, I went at it! :-D
I decided to create a nifty fade-in effect, using a regular fixed (does not scroll) sky background, and putting a landscape photo at the bottom. Scroll down! See how they merge! I used a PNG image for the bottom, and to reduce loading times, I also used TinyPNG on it.
While going through the CSS edits, I decided to change some opacity values and colors. For example, I made it so the Header has a darkened background. Also, I gave those floating (backgroundless) texts a "text-shadow" CSS effect for an outline. There are a few more fixes implemented, and generally, I am very satisfied! Visual design is exciting!~
Comment, and tell me how you feel about the new-ish design!
I really love partially transparent backgrounds and outlines for gadgets and different parts! It gives a smooth and easy-on-the-eye feeling for the looker. Still, I felt the background was overwhelming. So, I went at it! :-D
I decided to create a nifty fade-in effect, using a regular fixed (does not scroll) sky background, and putting a landscape photo at the bottom. Scroll down! See how they merge! I used a PNG image for the bottom, and to reduce loading times, I also used TinyPNG on it.
Thanks for good work and free service. |
Comment, and tell me how you feel about the new-ish design!