<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h1
>GeeksforGeeks</
h1
>
<
h4
>
Design a Transitions Popup using jQuery Mobile
</
h4
>
<
a
href
=
"#GFGTransition"
data-transition
=
"flow"
class
=
"ui-btn ui-btn-inline"
data-rel
=
"popup"
>Flow</
a
>
<
a
href
=
"#GFGTransition"
data-transition
=
"slide"
class
=
"ui-btn ui-btn-inline"
data-rel
=
"popup"
>Slide</
a
>
<
a
href
=
"#GFGTransition"
data-transition
=
"slidefade"
class
=
"ui-btn ui-btn-inline"
data-rel
=
"popup"
>Slidefade</
a
>
<
a
href
=
"#GFGTransition"
data-transition
=
"slideup"
class
=
"ui-btn ui-btn-inline"
data-rel
=
"popup"
>Slide up</
a
>
<
a
href
=
"#GFGTransition"
data-transition
=
"slidedown"
class
=
"ui-btn ui-btn-inline"
data-rel
=
"popup"
>Slide down</
a
>
<
div
data-role
=
"popup"
id
=
"GFGTransition"
class
=
"ui-content"
data-theme
=
"a"
>
<
p
>It is an example of popup transition.</
p
>
</
div
>
</
center
>
</
body
>
</
html
>