{"id":1986,"date":"2018-03-13T00:15:32","date_gmt":"2018-03-13T00:15:32","guid":{"rendered":"http:\/\/thingography.com\/?p=1986"},"modified":"2018-11-06T14:14:11","modified_gmt":"2018-11-06T14:14:11","slug":"css-texta1","status":"publish","type":"post","link":"https:\/\/thingography.com\/css-texta1\/","title":{"rendered":"Text CSS Animation &#8211; Wildcats"},"content":{"rendered":"<style>\n.ani-box {width: 100%; height: auto;\nbackground: #d1f0ff;\nbackground: -moz-linear-gradient(top,  #d1f0ff 0%, #e5e5e5 100%, #207cca 100%, #207cca 100%);\nbackground: -webkit-linear-gradient(top,  #d1f0ff 0%,#e5e5e5 100%,#207cca 100%,#207cca 100%);\nbackground: linear-gradient(to bottom,  #d1f0ff 0%,#e5e5e5 100%,#207cca 100%,#207cca 100%);\nfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f0ff', endColorstr='#207cca',GradientType=0 );\n}\n#words {\n\tposition: relative;\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0 auto;\n\ttext-align: center;\n}\n.word {\n\tpadding: 0;\n\tmargin: 0 auto 0;\n\twidth: 100%;\n}\n.new-word  {\n\tpadding: 0;\n\tmargin: 0 auto 0;\n\twidth: 100%;\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n}\n\/* ===== A in Arizona ===== *\/\n.word div, .new-word div {\n\tpadding: 2px 5px;\n\tfont-weight: bold;\n\tline-height: 1em;\n\tcolor: #FF0000;\n\tfont-size: 5em;\n\tfont-family: JasmineUPC;\n\ttext-transform: capitalize;\n\ttext-shadow: 3px 3px 12px black;\n\tdisplay:inline-block;\n\tposition: relative;\n\tmargin: 0 auto;\n\tfont-size: 300%;\n\tfont-size: 8vw;\n\theight: auto;\n}\n.word div {\n\tanimation: amazing 20s linear infinite;\n}\n.new-word div {\n\tanimation: amazing2 20s linear infinite;\n}\n#letter1a img {\n\theight: auto;\n\twidth: 100%;\n}\n\/* ===== Image ===== *\/\n#cat {\n\tmargin: 0em auto 1em;\n\twidth: 90%;\n\theight: auto;\n\ttext-align: center;\n}\n#wc {\n\tmargin: 0 auto;\n\twidth: 100%;\n\theight: auto;\n\tmax-width: 450px;\n\tanimation: amazing3 20s linear infinite;\n}\n\/* ===== TEXT 1 Animation ===== *\/\n@keyframes amazing {\n\t0%   {transform: scale(0); opacity: 1;}\n\t25%  {transform: scale(1); opacity: 1;}\n\t50%  {transform: scale(0); opacity: 1;}\n\t51%  {transform: scale(0); opacity: 0;}\n\t100% {transform: scale(0); opacity: 0;}\n}\n@keyframes amazing2 {\n\t0%   {transform: scale(0); opacity: 0;}\n\t50%  {transform: scale(0); opacity: 0;}\n\t51%  {transform: scale(0); opacity: 1;}\n\t75%  {transform: scale(1); opacity: 1;}\n\t100% {transform: scale(0); opacity: 1;}\n}\n\/* ===== Image Animation ===== *\/\n@keyframes amazing3 {\n\t0%  {transform: scale(0.1); opacity: 0;}\n\t100%{transform: scale(1); opacity: 1;}\n}\n<\/style>\n<div class=\"ani-box\">\n<div id=\"words\">\n<div class=\"word\">\n<div id=\"letter1\"> a <\/div>\n<div id=\"letter2\"> m <\/div>\n<div id=\"letter3\"> a <\/div>\n<div id=\"letter4\"> z <\/div>\n<div id=\"letter5\"> i <\/div>\n<div id=\"letter6\"> n <\/div>\n<div id=\"letter7\"> g <\/div>\n<\/p><\/div>\n<div class=\"new-word\">\n<div id=\"letter1a\"> a <\/div>\n<div id=\"letter2a\"> r <\/div>\n<div id=\"letter3a\"> i <\/div>\n<div id=\"letter4a\"> z <\/div>\n<div id=\"letter5a\"> o <\/div>\n<div id=\"letter6a\"> n <\/div>\n<div id=\"letter7a\"> a <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- #Words  --><\/p>\n<div id=\"cat\">\n\t\t<img decoding=\"async\" id=\"wc\" src=\"http:\/\/thingography.com\/my-things\/wp-content\/uploads\/css-img\/texta1\/az5.png\" alt=\"AZ-WC\" \/>\n\t<\/div>\n<p><!-- #CAT  --><\/p>\n<\/div>\n<p> <!-- Ani  --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>a m a z i n g a r i z o n a<\/p>\n","protected":false},"author":2,"featured_media":2611,"comment_status":"open","ping_status":"open","sticky":false,"template":"ani-post-single.php","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[6,195,4,5,193,194],"_links":{"self":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/1986"}],"collection":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/comments?post=1986"}],"version-history":[{"count":1,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/1986\/revisions"}],"predecessor-version":[{"id":2007,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/posts\/1986\/revisions\/2007"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/media\/2611"}],"wp:attachment":[{"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/media?parent=1986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/categories?post=1986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thingography.com\/wp-json\/wp\/v2\/tags?post=1986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}