Title: Animating Page Opacity
Last modified: September 6, 2016

---

# Animating Page Opacity

 *  [acejhm](https://wordpress.org/support/users/acejhm/)
 * (@acejhm)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/)
 * Is it possible to animate the opacity of a page? Currently, if I set my opacity
   to zero on my home page it will only show the background image and nothing else.
   I wanted the text to then be readable after a few seconds, so, is it possible
   to animate this so it shows just the background image and then fades back in 
   to show the text? I’m not sure how to go about changing that value dynamically
   based on amount of time passed. I’ve tried a few plugins, but none of them affect
   the page as a whole, only content within the page. If I get it to work right,
   my plan was not to use an image, but an animation. However, I wanted to start
   small.
    -  This topic was modified 9 years, 9 months ago by [acejhm](https://wordpress.org/support/users/acejhm/).
      Reason: Clarifying

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/#post-8150765)
 * Please provide a link to your site! Thanks.
 * Also, look at “transition duration” CSS
 * [https://www.google.com/search?q=css+transition+duration](https://www.google.com/search?q=css+transition+duration)
    -  This reply was modified 9 years, 9 months ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/).
      Reason: spelling
 *  Thread Starter [acejhm](https://wordpress.org/support/users/acejhm/)
 * (@acejhm)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/#post-8153077)
 * My apologies, I didn’t think the link would matter since it’s not working, but
   here ya go: [http://acejhm.com/](http://acejhm.com/)
 * I’ll look into the CSS transition thing and see if I can get it working. Thanks!
 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/#post-8153114)
 * The way you have things arranged on your site makes it very hard to do that. 
   There are a lot of pieces. It might be easier to have the “background” an layer
   that sites on top of the site and fades away when the page is loaded. I’m not
   finding any plugins on a quick search of the library.
 *  Thread Starter [acejhm](https://wordpress.org/support/users/acejhm/)
 * (@acejhm)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/#post-8160079)
 * Well, I used a theme to set up the site, and then I’ve been more-or-less studying
   how it works to learn HTML better. What would you suggest to make it better? 
   I’ve tried using the CSS transition thing, but I can’t get it to actually do 
   the transition.
 *  Thread Starter [acejhm](https://wordpress.org/support/users/acejhm/)
 * (@acejhm)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/#post-8160137)
 * It’s not letting me edit my previous post, but basically, the transition isn’t
   being triggered, and that’s the problem.
 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/#post-8160205)
 * heh… I’ve been strugging with CSS transitions on a site I’m building right now
   and they’re just not working for me.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Animating Page Opacity’ is closed to new replies.

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [opacity](https://wordpress.org/support/topic-tag/opacity/)
 * [page](https://wordpress.org/support/topic-tag/page/)

 * In: [Hacks](https://wordpress.org/support/forum/plugins-and-hacks/hacks/)
 * 6 replies
 * 2 participants
 * Last reply from: [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/animating-page-opacity/#post-8160205)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics