html - CSS scaling background bug -

-

i want cloud background scale within box. possible?

currently looks this: http://freecns.yanlu.de/cumulus1/

somehow background scales on limited box. have tried several ways figure out not find bug. not sure if possible this.

i used following html:

<div class="backgroundbox">     <div class="box_animation"></div>     <ul class="nostyle inline center">         <li class="bboxcontent left">freecns cumulus includes on 100 weather specific icons shipped png, pdf, eps , svg. <br /></li>         <li class="bboxvideo"></li>     </ul> </div>

and css:

.backgroundbox {   position: relative;   z-index: 0;   height: 295px;   width: 816px;   border-radius: 16px;   margin-top: 48px;   margin-left: auto;   margin-right: auto;   background: url('http://www.yanlu.de/files/images/cloudbg.png') no-repeat center;   padding-top: 81px; } .bboxcontent {   width: 295px;   font-family: helveticaneue-light;   font-size: 18px;   color: #ffffff;   line-height: 22px;   text-shadow: 0px 1px 2px rgba(0,0,0,0.75);   margin-right: 8px;   display: table-cell;   vertical-align: middle; } .bboxvideo {   height: 214px;   border-radius: 4px;   border: 4px solid #ffffff;   color: #ffffff;   -moz-box-shadow:    0px 1px 2px 0px rgba(0,0,0,0.75);   -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);   box-shadow:         0px 1px 2px 0px rgba(0,0,0,0.75);   margin-left: 8px;    display: table-cell;   vertical-align: middle; } .box_animation {   position: absolute;   top: 0;   right: 0;   bottom: 0;   left: 0;   z-index: -1;   background: url('http://www.yanlu.de/files/images/cloudbg.png');   -webkit-background-size: cover;   -webkit-transition-property: -webkit-transform;   -webkit-animation-name: scale;    -webkit-animation-duration: 40s;    -webkit-animation-iteration-count: infinite;   -webkit-animation-timing-function: linear; }

if understand problem, can set overflow: hidden; .backgroundbox , snap size of box


Comments

Post a Comment

Popular posts from this blog

ruby on rails - Is it the correct way to implement belongs_to relation with factory girl? -

-
i have realy easy model. user have role_id depends of role table (id, name) role reference. i want create users of types on rspec test, factory girl. my first idea factory :role name "guest" factory :role_admin name "admin" end factory :role_supervisor name "supervisor" end etc... have lot different roles end factory :user email password '123456' password_confirmation '123456' association :role, factory: :role factory :admin association :role, factory: :role_admin end factory :supervisor association :role, factory: :role_supervisor end etc... have lot different roles end in model have simple method : def is(role_name) return self.role.name == role_name end it's correct way to? realy need create factory role? can make stub function in factory girl each role? i realy new test stuff, thanks. factories should reflect models. class user has_many :products en
Read more

geolocation - Windows Phone 8 - Keeping background location tracking active beyond four hours -

-
i'm in process of developing wp8 app makes use of background location tracking abilities provided os. idea monitor users position , notify them when near types of places. so far seems work fine , when running location tracking works expect. the problem is, seems phone times out background apps after around 4 hours, stopping location tracking. i can understand why microsoft did it, preserve battery life etc. there's not point having background location tracking app has manually restarted every 4 hours! if user chooses run app , made aware of potential battery hit, surely should able run indefinitely - point of course, if system runs out of resources or similar that's fair enough. does have experience this? there must hundreds of others apps in store have run issue have thought? , presumably there must way of keeping location tracking running? i've tried periodically updating live tile (using dispatchertimer) while tracking running doesn't seem enough ke
Read more

Uncaught TypeError: Cannot read property 'parentNode' of null javascript -

-
this code should make element disappear list when dropped on element (called cookiemonster) addevent(cookiemonster, 'drop', function (e) { if (e.stoppropagation) e.stoppropagation(); var el = document.getelementbyid(e.datatransfer.getdata('text')); el.parentnode.removechild(el); return false; }); create auxiliar variable this addevent(cookiemonster, 'drop', function (e) { if (e.stoppropagation) e.stoppropagation(); var el = document.getelementbyid(e.datatransfer.getdata('text')); var aux = el.parentnode; aux.removechild(el); return false; });
Read more