Is there a way to put a full screen image or animated gif in the background of page in an ionic/angular app?

This forum contains topics that were moved from Get Satisfaction
dj.colussi
Posts: 0
Joined: Fri May 29, 2015 11:00 pm

Is there a way to put a full screen image or animated gif in the background of page in an ionic/angular app?

Post by dj.colussi »

My skills are coming along everyday but I am a bit stuck here. I am really looking for a method to add an animated gif to a page in an angular/ionic app much in the same fashion as Uber.

If an animated gif is not possible, could someone one help me figure out how to put an image as a background on a page. Keep in mind I am using ionic and not the jquery app choice.

Thanks in advance!
Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

Is there a way to put a full screen image or animated gif in the background of page in an ionic/angular app?

Post by Evgene Karachevtsev »

Hello!

Please use attribute ng-class for adding/removing css classes:
https://docs.angularjs.org/api/ng/dir...
snahta
Posts: 1
Joined: Sat Mar 20, 2021 7:40 am

Re: Is there a way to put a full screen image or animated gif in the background of page in an ionic/angular app?

Post by snahta »

Hi,

yes, there is a way to put full screen image or animated gif in the background of the page in an Angularjs app-

@import url(https://fonts.googleapis.com/css?family=Advent+Pro:100);
html {
background: url(http://upload.wikimedia.org/wikipedia/c ... imated.gif) no-repeat center center fixed;
background-size: cover;
}
h1{
font-family: 'Advent Pro', sans-serif;
font-size: 3em;
margin: .2em .5em;
color: rgba(0,0,0, 0.3);
}
body {
height: 100%;
}

Post Reply