html - How can I get the CSS-Transforms to work -

-

i got pretty annoying problem, looking @ transformation -> translate.

currently, fading in navigation "blocks" right left. now, want hover effect on every single one, when hover on it, block translates right little bit.

for used code:

.navpoint:hover { -webkit-transform: translate(20px, 0px); -moz-transform: translate(20px, 0px); -o-transform: translate(20px, 0px); -ms-transform: translate(20px, 0px); transform: translate(20px, 0px); }

this should work, looking @ demo, blocks aren't bothered move right.

here demo

i have feeling set not right, please have @ html setup first:

<div class="navigation"> <h2 class="animated fadeinrightbig1 navpoint one">working process</h2> <h2 class="animated fadeinrightbig2 navpoint two">subscribe</h2> <h2 class="animated fadeinrightbig3 navpoint three">contact us</h2> </div>

explaination: "animated" general animation, custom times , delays set in each of "fadeinrightbig's".

the "navpoint" looks this: 

.navpoint { padding-left:5px; padding-right:5px; margin-top:0px; margin-bottom:1px; border-right:solid; border-color:#333; border-width:4px; background:#fc3; cursor:pointer;

}

the "one/two/three" in html set underclass of navpointm, this:

.navpoint.one { width:96.73202614379085%;

}

this setup, , guess wrong navpoint classes, don't know what. very, kind if answer question , me.

thank in advance.

you try using transitions property effect:

.navpoint {     padding-left:5px;     padding-right:5px;     margin-top:0px;     margin-bottom:1px;     border-right:solid;     border-color:#333;     border-width:4px;     background:#fc3;     cursor:pointer;     transition:all 1s ease-in-out;     -webkit-transition:all 1s ease-in-out;  }  .navpoint:hover {     margin-left: 20px; }

working example can seen here: http://codepen.io/jonwelsh/pen/sfewj


Comments

Post a Comment

Popular posts from this blog

javascript - Laravel datatable invalid JSON response -

-
everything work fine on code below fetch user logs: js: <script> $(document).ready(function () { var table =$('#systemlogs').datatable({ responsive: true, processing: true, serverside: true, "language": { "url": "/datatables/media/plug-in/persian.json" }, ajax: '{!! url('/admin/systemlogs/data/systemlogsdatatable') !!}', columns: [ { data: 'name', name: 'name' }, { data: 'message_text', name: 'message_text' }, { data: 'remote_addr', name: 'remote_addr' }, { data: 'log_created_at', name: 'management_logs.created_at' }, { data: 'log_updated_at', name: 'management_logs.updated_at' }, ] }); }); </script> routes: route::get('/systemlogs/data/systemlogsdatatable','systemlogscontrolle...
Read more

java - Exception in thread "main" org.springframework.context.ApplicationContextException: Unable to start embedded container; -

-
i getting error when run spring application: exception in thread "main" org.springframework.context.applicationcontextexception: unable start embedded container; nested exception org.springframework.context.applicationcontextexception: unable start embeddedwebapplicationcontext due missing embeddedservletcontainerfactory bean. @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.onrefresh(embeddedwebapplicationcontext.java:124) @ org.springframework.context.support.abstractapplicationcontext.refresh(abstractapplicationcontext.java:476) @ org.springframework.boot.context.embedded.embeddedwebapplicationcontext.refresh(embeddedwebapplicationcontext.java:109) @ org.springframework.boot.springapplication.refresh(springapplication.java:691) @ org.springframework.boot.springapplication.run(springapplication.java:320) @ org.springframework.boot.springapplication.run(springapplication.java:952) @ org.springframework.boot.springa...
Read more

sql server 2008 - My Sql Code Get An Error Of Msg 245, Level 16, State 1, Line 1 Conversion failed when converting the varchar value '8:45 AM' to data type int -

-
msg 245, level 16, state 1, line 1 conversion failed when converting varchar value '8:45 am' data type int. script declare @specimenid bigint = 0, @script varchar(max); declare @starttime int = (select convert(int,substring(start_time,0,charindex(':', start_time)) - 12) appt appt._id=112601) --select @starttime set @script = 'select distinct ptlast_name + '', '' + pt.first_name patient_name, dbo.formatdate(pt.dob,''mm/dd/yyyy'') dob, (convert(varchar, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end)) + ''/'' + convert(varchar, (datediff(m, dateadd(yy, (datediff(yy, dob, appt_date) - case when (month(dob) > month(appt_date)) or (month(dob) = month(appt_date) , day(dob) > day(appt_date)) 1 else 0 end), d...
Read more