How to animate elements on the screen in the center of the screen without percentage

Hi, I am very new to Adobe Edge. I take a class for itself at the College so I know the basics, but still to learn. I am trying to create a very basic animation where I have 2 active who are beginning to leave the stage on each side. I wish that the elements to be introduced on the sides and meet in the middle with a duplication of 20px. I tried to set a keyframe for both items at 0 seconds and affecting the translations of X - 2000px and 2000px and then by defining another keyframe to 5 seconds and change translations of X to 48% and 52% respectively. It made me the desired effect, but only because I have such a big screen. If the browser window is resized or the screen is smaller, the effect of not not remains the same due to the use of percentages to Center elements.

In fact, my question is: is there a way to animate elements until the middle of the screen without percentages (perhaps using margin: 0 auto or something)? Or is there a way to accomplish what I'm looking for so that the positioning of elements is the same regardless of the size of browser window?

Thanks in advance!

Nevermind, just ended up using jQuery right and got the effect desired in a few minutes.

Tags: Edge Animate

Similar Questions

  • Want to only two elements of the page without a space between them.

    I give a broader and more generic framework to an earlier application seeking a broader response.

    I want two elements on the page without horizontal between space. (Don't ask why!) One is a contant, say ' * ' so I made a single display element. The other is the label of a numeric field that is referenced in the error messages generated by the ARF.

    Call the label LABEL to make this easy. So, I want to see {noformat} * {noformat} LABEL. I don't want to change the label of "* LABEL" because ARF refers to "* LABEL" in error messages. I want to just fix the two elements on the form. This must be something easily done in the APEX, right?

    (For the initial application, see asterisk desire by a label point of page without space between. .)

    Thank you and God bless you,
    Howard

    Hello

    Just change your article networking sessions (if you use apex 4.2)

    Start the new grid: No.
    Start the new row: No.
    New section: No.

    FYI, you may need to use

    & nbsp

    in your point label to get a space

    If you use apex 4.1, I remember: new field should be no.

    Best of luck,

    Best regards
    Fateh
    -------------------
    If you think that my answer was correct or helpful to you, then please check the response as helpful or appropriate.

  • How export (unload) result of the query without running query on sql developer

    Hello

    I want to know how export (unload) result of the query without running query on sql developer.

    I know this way.
    1. execution of query
    2. click on "Download" on the results tab
    http://i.stack.imgur.com/CQ4Qb.jpg


    Is he available unload a query result before the race?

    No, but you can do this ask the developer SQL change however, for other users can vote and add weight to the possible future implementation.

    Kind regards
    K.

  • My PC screen goes black when I unplug an external monitor. How can I get my PC screen without external monitor?

    Any monitor I show my work, when I unplug the external monitor, the screen of my PC turns off.   When I plug the external monitor, turns on the PC screen.   How to do back on the PC screen?  I tried all the combinations in the Panel.

    Glad I could help!
    Usually, it is 3 combinations to scroll. You can mark the question as answer in case someone else has the same problem.

  • [SOLVED] My Thunderbird in french and are suddenly transformed into English. How do I return to the french without any lose?

    My Thunderbird was in French interface and suddenly transformed in English while keeping a few things in French that is very troubling. In addition, he does not receive my mails on request but I must close and reopen to get my new emails and don't tells me no more with the blue envelope in the bar. How can I fix it and return to the French without losing my emails, files, and settings? My OS is Ubuntu LTS 14.04

    PROBLEM SOLVED

    Good. You can then mark the thread as "Solved" Please? Thank you.

  • How to resize elements on the screen?

    I've been running 12 items on iMac (OSX 10.9.5) for a few years.  Since yesterday, when I open the program, the top and the bottom of the window elements appear under the top edges and bottom of the screen (about an inch seems to be covered in both cases).  And since the thing to 'pull' the corner is also hidden by the edge of the screen of the monitor, I can not adjust the size (although I can do wider and narrower).  He's stuck in this position.  This means that I can't use the now hidden search bar, which is a huge problem for me.  I tried opening and closing the program several times, same thing.  Someone knows how can I fix?

    @ R Kelley: who did it!  Thank you very much.  I never would have thought it myself.

  • How to animate objects on the screen on certain events

    I want to clown dance when he grabs a hat (I have a Tween to this), which is otherwise just standing, basically, I need to animate objects on certain events and then stop, I see so many manufacturers of games doing that, I don't know anything about, tried many things on my own but without success

    a simple example:

    You can download it here: http://www.flashdersi.com/flash/diger/adobeforum/hittest.fla

    import flash.events.Event;

    addEventListener (Event.ENTER_FRAME, fCheck);
    var bMove:Boolean = false;
    function fCheck(evt:Event)
    {
    If (! bMove)
    {
    If (mcHandClown.hitTestObject (mcHat))
    {
    bMove = true;
    mcClown.gotoAndPlay (2);

    }
    }
    if(mcClown.currentFrame==1)
    {
    bMove = false;
    }

    }

    mcHat.startDrag (true);

  • How to create elements of the checkbox on the form of tables

    I use the Application Express 4.2.1.00.08
    We currently have a spreadsheet that is who I am trying to replace application using APEX.

    I have loaded the spreadsheet into a table and have created a tabular presentation using the tabular presentation wizard who created the field in the form of text fields.

    The table has 38 columns in total, so I am trying to retrieve the columns to fit the screen.

    Most of the columns in the spreadsheet contain just the value 1 or null, so I want to make these fields check box so that they are checked if the value of the field is 1 and not controlled if the value is null. If the user selects the checkbox on the ground so I want to write a 1 in the table.

    Can you suggest I do this because several things that I have tried don't seem to work.

    Any suggestions or links to the doc on how to do that would be great.

    The structure of the table is the following:
    Name Null? Type
    ----------------------------------------- -------- ----------------------------
    IDENTIFICATION NUMBER
    FIELDNAME VARCHAR2 (30)
    ENTITY_CATEGORY VARCHAR2 (30)
    ATRIBUTE_GROUP VARCHAR2 (30)
    MASTER_SOURCE_SYSTEM VARCHAR2 (30)
    ENTERED_BY VARCHAR2 (30)
    DESCRIPTION VARCHAR2 (30)
    EXAMPLE_DATA VARCHAR2 (30)
    10891 VARCHAR2 (1)
    VARCHAR2 (1) 11072
    10892 VARCHAR2 (1)
    10487 VARCHAR2 (1)
    11065 VARCHAR2 (1)
    VARCHAR2 (1) 11078
    11066 VARCHAR2 (1)
    11067 VARCHAR2 (1)
    VARCHAR2 (1) 11061
    VARCHAR2 (1) 11062
    11063 VARCHAR2 (1)
    11064 VARCHAR2 (1)
    11079 VARCHAR2 (1)
    VARCHAR2 (1) 11057
    VARCHAR2 (1) 10520
    11058 VARCHAR2 (1)
    VARCHAR2 (1) 11056
    1262 VARCHAR2 (1)
    11070 VARCHAR2 (1)
    11059 VARCHAR2 (1)
    11060 VARCHAR2 (1)
    11071 VARCHAR2 (1)
    VARCHAR2 (1) 10819
    11069 VARCHAR2 (1)
    VARCHAR2 (1) 11068
    11074 VARCHAR2 (1)
    11075 VARCHAR2 (1)
    11076 VARCHAR2 (1)
    11077 VARCHAR2 (1)
    11073 VARCHAR2 (1)

    Published by: Kay Richards on June 7, 2013 16:51

    Published by: Kay Richards on June 7, 2013 17:14

    Click on the shape of table on the edit page

    go to the report attributes tab

    you will find the list of form elements

    now, click the icon to change the required column (small pencil icon).

    go to the tab column attributes, change the display as simple field check box.

    Then go to the values tab list.

    you will find the list of values definition text box just add 1 then click on apply changes.

    Run the page, you are gud to go.

    NULL is the default if the checkbox is in a disabled state, just use 1 in the list of values.

    Kind regards

    Mohan.

  • How to animate pushing in the face of the shape (photos)

    Hi people,

    I'm quite new to After Effects.  I'm trying to achieve an effect where I have a triangle and then inside the area of this triangle, another triangle gets drawn.  Then the face of this new triangle gets pushed into the deepest simulating the shape.  I mocked basically place this as my before and after the idea is to use sketchup, but I don't know how to do in aftereffects.  Any help or pointers to tutorials that do this kind of thing would be much appreciated!

    before:

    Screen Shot 2016-08-31 at 1.07.01 AM.png

    After:

    Screen Shot 2016-08-31 at 1.07.35 AM.png

    Thank you!

    If you try to reach this goal as a 3-d object you must use C4D lite or maybe same Blender (blender.org). If you just want to simulate 3D, you can simply animate layers and shape paths or create your 3D artwork that is simulated as a layered Illustrator file and create your animation separately.  Or the other technique will require a study on how to use the tools.

    Here's what fake 3D with shape layers might look like:

    I reorganized the workspace so you can see the properties changed and animated of shape layers. Here is the ASP for the project.

    Dropbox - fake 3d Triangle.aep (Note: your browser may add a .txt extension to the file ASP.) Just remove it and you should be able to open it.

  • Basics on how to animate elements and organic lines?

    Hi all

    I am relatively familiar with AE, but so far have only used for effects and video. I experimented with motion and animation and want to learn more on how to create "Cartoon", flowy things, best demonstrated in this video with the lines little accent and stuff (the first 10 seconds should provide a good idea). https://www.youtube.com/watch?v=3eApJGC02dA

    Have been looking for a good tutorial, but don't know what this is called, and have so far only found stuff on the animation of blobs liquids etc., which are cool, but not really what I want. I would really appreciate if someone could point me in the right direction or give some advice.

    Thank you!

    Cheerio,

    Nicholas

    If you talk about the edges distorted on the text and the lines of emphasis, you see here:

    Then you can create the text effect using several techniques, including the rough edges, move Turbulent.

    The lines could be a rough animated with edges shape layer or move Turbulent applied. Just draw a few lines with the pen tool and animate their length and their position if necessary.

  • How to restore elements of the office who returned to generic

    A few articles on restored office generic icons.

    How can I go about restoring these icons to the specific previous image?

    In the past, I used to do this (Yosemite) Cache Cleaner, but the current Sierra Cache Cleaner (latest version) is only restore partially some - not all - of these icons.

    Why change your desktop icons?  This is not normal.

    The most I've ever had to do was to kill the Finder and let it restart.

  • How to keep elements of the visible headers on mobile sites?  Pin not an option

    In the order of the elements remain at the top or at the bottom of a desktop site you pin, but in the mobile layout I find that PIN is not available.  I want my header and Menu always on top.

    Hello

    You can use the scroll effect to achieve.

    Select your items you want "pinned" and open your scrolling check Motion Control Panel the check box for the movement and the value of all the values to zero.

    Here is the screenshot for help.

    Concerning

    Vivek

  • How to view Web pages full screen (without large empty borders on the right and left sides)?

    Using Internet Explorer 8

    Yesterday, websites Web fits correctly at 100% zoom level. Today, they are fill only 1/3 of the page on the same level of zoom.

    The text is also smaller.

    Is it set to fix this?

    Using Internet Explorer 8

    Yesterday, websites Web fits correctly at 100% zoom level. Today, they are fill only 1/3 of the page on the same level of zoom.

    The text is also smaller.

    Is it set to fix this?

    Suggestions:

    1 reset your resolution.
    Right-click on an open office space > personalize > display settings > pursuant to resolution, use the slider to adjust > OK

    2. right click on new desktop > Personalize > adjust font size (DPI) > default scale (96 DPI) > OK
    Note: You can experiment on a large scale (120 DPI), or click Custom DPI... and making adjustments here.
    For the benefits of others looking for answers, please mark as answer suggestion if it solves your problem.

  • How to replace elements of the menu drop-down list

    Hello

    I have a drop down menu where I have disabled the custom text entry. the last item in the drop-down list is the option 'Other' where I want the user to write additional details. I was wondering if there is a way to bring up a text field when "Other" is selected.

    In addition, the drop-down list field extends all the way through the page... then when the option 'Other' is selected, would it be possible to automatically reduce the field to adapt to a text field next to it for the user to enter details.

    I don't know if there is a better way to do... any help would be very appreciated!

    Thank you!!

    Hello

    I hope you get it working soon.

    I suspect that the form is not saved as dynamic:

    Other than that, be sure that the references object in script matches objects in forms, including subforms if objects are in different subforms.

    If you could share the problem it would be useful to find the problem.

    Niall

  • My iPhone and Mac all have two Photos related to iCloud, same images appear on both. How to remove pictures from the phone without removing them from the Mac

    I've shared pictures between my Mac and iPhone using iCloud. Recently downloaded about 1800 brother SmugMug account family photos. Subsequently discovered that they had all been loaded on my phone as well. When I try to delete them from my phone, I get a message the suggests that if I do, the photos will be removed from my Mac was fine. How can I remove the phone and let the Mac intact?

    I've shared pictures between my Mac and iPhone using iCloud.

    What iCloudService do you use?

    • If the iPhone and the Mac are synchronized with iCloud photo library, removal of the photos from the iPhone will remove them from the Mac as well.  iCloud photo library is a synchronization service that will ensure that you see the same pictures on all devices. All change at will the timing and any deletion or any import.  To win the storage on the iPhone allow the iCloud Photos setting "Optimize Storage.
    • If photos have been synced with my photos and not iCloud library stream, you can remove them from the iPhone. They must stay in the library on your Mac. But before a massive deletion on any device, make a backup of your photo library, just to be sure.

Maybe you are looking for