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?

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!

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?

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%;
}

vijayasanap
Posts: 1
Joined: Wed Jun 23, 2021 8:12 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?

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

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%;
}

Return to “Issues”