Rectangle simple scale with .css to the overview

Good evening Dear members,
I downloaded you an example of project to illustrate le problem. (Dropbox - Example.zip)
All in all I want only Resize a rectangle with a hover effect. However, the problem arises that size of the rectangle with scale = 1 changes?!

I have create a rectangle " ""button" and give the 'button' as the action mouseout/mouseouthandler() the following the code: "


var object = Sym $ (""button ").
scale = 1;

(transform object.css ()'', ' scale () ' + scale + ')');
(( object.css ()'o-transform', ' scale () ' + scale + ')');
(( object.css ()'- ms- transform', ' scale () ' + scale + ')');
(( object.css ()'- webkit- transform', ' scale () ' + scale + ')');
(( object.css ()'- moz- transform', ' scale () ' + scale + ')');
(( object.css ()'- o- transform', ' scale () ' + scale + ')');
( object.css ()'z-index','1');


I Don t understand why
the rectangle is changer!

Maybe you can explain to me :-)

Best regards and Thank you very much

Marc

It shouldn't get more small, makes it a value of 1, it does not change at all because 1 equals 100% of the original.

Change the value to a higher number, such as 2, for example. Who says 'turn to 200% of the original. "

var object = sym.$("button");

scale = 2;

Object.CSS ({}

'transform': ' scale (' + scale + ')';

'- SM - transform': ' scale (' + scale + ')';

' - moz - transform ': ' scale (' + scale + ')';

' - webkit - transform ': ' scale (' + scale + ')';

'- o - transform': ' scale (' + scale + ')';

' z - index ': '1'

});

To get a better understanding of how work values and equivalents over there.

-Select any element on your scene;

-Then play with the Transform (see figure) property;

-as they appear a transform to 167% equals a value of 1.67

HTH

Darrell

Tags: Edge Animate

Similar Questions

  • Question about styling a form with CSS in the Template

    Hola

    I made a page from a template and I insert a form in there

    where can I style this form with CSS?

    In the model that has been generated css style?

    or

    Directly to the page?

    Furthermore, if I saw the page in explorer 8, legends looks with a black color and down (not what i intended)

    In Safari, they appear purple and where they suppose to be

    Why?

    Hope you understand

    Thank you

    Daniel Ulysse

    Please post a link to your site so that we can admire this phenomenon.

    GRAMPS

  • On a simple site with CSS copied from an older project, all my CSS styles seem to have disappeared! What gives?

    I copied a page index.html to an earlier project (before CC) and DW CC to change CSS styles. I put it up online. I get up this morning and if I look at the Local or remote versions, all CSS definition information seem to have disappeared. There seems to be NO CSS styles defined at all. Worse yet, the old styles CSS method of creation of new (or in this case, replacement) (Format: Styles CSS: new) has disappeared and I can't understand where this feature has been moved to. Can anyone offer a suggestion?

    Apostrophe lack Syndrome can be a killer.

    I just went through with the Firefox tools and cleaned the part, styles are back instantly.

    You should be back running once you take care of this one.

  • Simple matter of CSS on the positioning

    Hello!

    My navigation bar is a div wide 130px called #navi and it is located in the left side of my page. Inside this div, I inserted 6 images that work as my navigation buttons. The images stacked on each other well as I wanted to, but here's the question:

    I need to have some padding between the images so that they are not so close to the other. But where and how do I apply this padding to make it work?

    Yes - if the styles apply to all images within the navigation, I would go with something like:

    #navi img {}

    top of the margin: 6px;

    }

    .. .or padding, if that's what you use instead of the margin.

  • Text with URL to the overview

    Hello

    I am having some problems with the text that appears on a mouse event. I put an example online (text is in Dutch, I hope this isn't a problem). You can find it at files.bbackx.com/flash/index.html
    When you exceed the "hovertekst", you'll see a few other lines of text appear. I already had to do some stuff (jump to another setting with a button that has an another affected area) so that the text would stay when you go on it. Now I have the problem that when I put a url in the file ("linkje" in my example), the text disappears. Anyone who knows what may be the cause?

    You can find the source file at files.bbackx.com/flash/index.fla

    I hope someone can help me...

    PS: the reason for the leap framework: I want only the text should appear when you hover over "hovertekst" and I don't want to disappear when I'm with my mouse on the text, when it appeared. It was the only way I could do this.

    you will not be able to put whatever it is clickable in this text, because the text part of your button. so the button will intercept all mouse events and the text (and all the links in your text) will see no mouse event.

    There are several ways to handle this. in light of your departure, here is a solution:

    http://www.gladstien.com/files/index.fla

  • Images are the scale is no longer with (img {max-width: 100% ;}) css from the 34.0.5 in firefox update, it still works fine in IE and chrome.})

    My site was working fine up until firefox updated 34.0.5. Now the images will not scale to fit the box more. I use flexbox so that the site is changing to adapt to the size of the browser. In css, I set img {max-width: 100% ;} and this would make the jpg file size automatically to fit the area they were in, but no more than Mozilla really screwed up this with updated 34.0.5.} My site still works fine with IE and Chrome, but 70% of my web traffic using firefox so I would really like this to work in firefox.
    Any help is greatly appreciated!

    I work by setting a special parameter in CSS for the images that I needed to scale and then I have it referenced by SPAN for each img in HTML, not quite how I wanted it to work since now images filling the box even with monitors really big format, which means that they could now be blurred on a 4 k monitor but firefox left me no choice. Looks like I have going to aid in future chrome like firefox really shit the bed on this 34.0.5 updated

  • I had Photoshop CS for a while. I use it for one purpose, which is to standardize my bronze products photos, all photos are identical with regard to the composition, lighting, backgrownd, actually, I always place the same scale of assessment pr

    I had Photoshop CS for a while. I use it for one purpose, which is to standardize my bronze products photos, all photos are identical with regard to the composition, lighting, backgrownd, actually, I always place the pillar of satisfaction even scale and then only switch products bronze... a simple task of worm. For this reason I have is no need to upgrade my old version of Photoshop. My problem is that it doesn't work anymore since Windows 10 recently installed in my PC. IO have tried to install it several times but can't. Is anyone out there help me please!

    Activation for CS is closed. Adobe provides you with a free replacement of CS2.

    Uninstall CS

    Go here: Download Adobe Acrobat 7 and Adobe Creative Suite 2 products

    Click English, download Photoshop CS2 and also copy the serial number that comes with it.

    Install CS2 and use this serial number CS2. There no need activation.

    Take your copy of the CS, it is no longer usable.

  • Adding Transition is in conflict with the opacity of the Image to the overview

    Hi again,

    I have a problem when adding a transition of opacity to the overview for two sets of image links. When I add this effect to all images on the page, the effect works very well, but the game of images are always performed. I don't know what the problem is. The issue that happens with images under the titles "Coming Soon" and "Next-AllNighter. I use the framework of the Foundation.

    http://bit.LY/1Urhd2d

    I apologize for posting this problem again so soon. I made a mistake on the title of the first post because it does not explain exactly the problem. I tried to change the title and did not. Even, I googled how to delete a post and was not able to do it either. Options according to the link below have not been available to me.

    The specified item was not found.

    Don't forget, the Foundation has default link styles that may contribute to the problem.

    In general, we do not add transitions to static and hover on image States.  That's why I posted the link to the CSS transitions for your comment.

    PS. I really like your web site.

    Nancy O.

  • When I create a rectangle, I can not not change the shape of a rectangle with the cursor in illustrator CC 2014 for what?

    When I create a rectangle, I can not not change the shape of a rectangle with the cursor in illustrator CC 2014 for what?

    Xavigarcia,

    I'm afraid that have met you the Rectangle Live bug that is limited to the MAC versions from 10.7 and 10.8, but not of 10.9 (Mavericks) or 10.10 (Yosemite). If all goes well, the bug will be fixed soon.

    Thus, a switch for the Mavericks or Yosemite with a reinstall might be the way to solve it here and now.

    To get around it, in each case, it is possible to develop direct Rectangles to get the normal old shaped rectangles or Pathfinder > unit, or use the scale tool or the free transform tool.

    A more permanent way round that is to create normal old shaped rectangles, after running the free script created by Pawel, see this thread with download link:

    https://forums.Adobe.com/thread/1587587

  • Set the Images to scale with the width of the browser

    This appears to have just broken on my Site and I can't understand why?

    I thought that if I put an image of "scale to fill" then drag the image to the border of the page margin. Then the image would make the scale with the size of the browser.

    I had to work, and then it stops suddenly. I use Muse 7.1? Current? Any help?

    When I update my page and I adapt the browser upward I see white margins on both sides of the page - that is not what I want.

    Help!

    J

    I thought about it.

    I thought that if the rectangle box was outside of the margin of the page then it would be 100% width.

    You must line up exactly with the margin of page until you see "100% width.

    Thank you

  • Need help on the layout with CSS

    Hello

    Go easy on me I'm new to the Web design...

    I'm working with CSS, learning about various tutorials and have a basic understanding.  Where I am getting lost is I do a page template (dwt), I've done this before but this time I want to be more than a simple text in my pages editable region

    Thus, for example

    index

    loads with a text and a video

    Page1

    some of the texts, images, ads etc.

    Page2

    some of the texts, images, ads etc.

    fundamentally something different on each page, but I only see the option to leave an ' editable ' for each page... the logic in my brain is I create a DWT with my site header and navigation and footer and have content in the average change for each page depending on what I want to have this page?

    What confuses me, that of if I had to do more than 1 dwt, then how could manage navigation in one place?

    Thank you

    I think you mean I should use relative not absolute positioning?

    No, I mean that you must use no positioning at all. Read this - http://www.apptools.com/examples/pagelayout101.php

    with CSS, if I hear you correctly the style sheets should be used for the control of aspects throughout the site, page specific CSS should be put on the page itself... seems logical because it could keep things tidy.

    Yes.  You have a right, even if you can put also specific to the CSS in the stylesheet global page if the selectors so that the rules are specific for tags and attributes on specific pages.

    Good luck!

  • The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP by David Powers

    The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP by David powers:

    This book would help me learn more about Spry and Ajax and how applications may be lodged with them, if I have my e-commerce site works on a compiled C code cart (ShopSite) but supports scripts PHP server-side or is - this only for shopping carts based on PHP itself (like X-Cart)?

    I'm not sure. Someone please let me know if I can buy this book. Thank you.

    ahsenabro wrote:
    > 1. What I need to be a developer/programmer to learn from this book or
    > can a savvy entrepreneur can also get some gems out of it and direct sound
    > programmer?

    You don't need no prior knowledge of PHP or Ajax, but you must
    know the basics of HTML and CSS. As I say in the introduction, "You."
    don't need to be an expert, but do not have a curious mind.
    It teaches the basics of web site design, or he's trying to list
    each unique feature in Dreamweaver CS3. There are many other books
    to fill this gap. However, by working through this book, you will gain a
    in-depth knowledge of the most important features of Dreamweaver.

    > 2. I am interested in buying this book especially to implement cool Ajax/Spry
    > stuff on my e-commerce site. I wonder about PHP, because the content of the book
    > mentions making a PHP site. Now I realize this book isn't on purchases
    > carts, but the Ajax/Spry stuff can be implemented on e-commerce sites, right?

    The book provides detailed coverage of the features of Spry 1.4
    Dreamweaver CS3, which can be applied to any site. With minor
    adjustment, you can also use Spry 1.6. It is important to realize,
    However, the features of Spry/Ajax in Dreamweaver CS3 * cover of no
    asynchronous requests to the server. The ability to communicate
    asynchronously with the server has been added in Spry 1.6. If it has
    the asynchronous server calls and answers you are looking for, your
    programmer will need to dig into the documentation for Spry 1.6 on the
    Adobe Labs site and manually code it.

    The Spry features covered in the book are Spry, Spry UI widgets effects
    (menu accordion, tabbed and folding panels), Spry
    Widgets of validation and Spry XML data sets.

    > I just want to know if I can learn and implement Ajax/Spry apps on my
    > HTML/CSS-based simple pages, on a server that allows PHP scripts on the server side
    > but the pages themselves are not with the .php extension. This book is still going
    > apply?

    Yes. All Spry techniques can be used on any web page. This is not
    you have to be a PHP one.

    --
    Adobe Community Expert David Powers
    Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • Hello. Coding CSS does not work with v16. The site is something I coded myself. He managed the validation of HTML and CSS. Cleared cookies & restored to ltvds back.

    The code works in all other browsers.

    I appreciate all the work you are already doing and any help looking for a solution to this problem.

    Thank you.

    Firefox does not load the CSS (CSS/style. CSS)

    The character encoding of the plain text document has not been declared. The document will be made with text truncated in some browser configurations if the document contains characters from the US-ASCII range. The character encoding of the file must be declared in the transfer protocol or file needs to use a byte as a signature of coding order mark. @ http://www.shelflifemagazine.com/css/style.css

    Try to remove the attribute type for the CSS file.

    You have:

    <link rel="stylesheet" href="css/style.css" type="type/css"/>
    

    Use it instead:

    <link rel="stylesheet" href="css/style.css" />
    
  • How can I configure my computer to the simple click with the mouse to double-click to open an item on the desktop instead

    How can I configure my computer to the simple click with the mouse to double-click to open an item on the desktop instead

    Hi placebow,

    Open the Options folder by clicking the Start button, clicking Control Panel, appearance and personalization, and then clicking Folder Options. On the general tab, click single-click to open an item. (To return to the standard click, click double-click to open an item.)

    The setting applies not only at the office, but also in other areas of the shell.
    Ramesh Srinivasan, Microsoft MVP [Windows Desktop Experience]

  • Simple print with the models program

    I need a very simple picture with models print program to replace a HP Photo Smart Print very old program that no longer works on my Windows 7 computer.  I use a HP 6500 has.  Any suggestion would be appreciated.

    Thank you

    Hello

    You can check the HP Photo creations software which is provided by HP current photo printing software:

    http://www.HP.com/global/us/en/consumer/digital_photography/free/software/photo-creations.html

    Shlomi

Maybe you are looking for

  • cannot turn off shuffle on playlists

    I have playlists to teach the class exercise. Somehow the shuffle is turned on and I can't turn off by touching the icon shuffle again. Only turn off the iPod Touch completely seems to work.

  • Equium L20-264: can I unlock the options in the Bios to change the speed of the CPU & FSB

    Hello I have a toshiba equium l20-264 today and I was wondering if I can open it the options in the bios to change the cpu speed and the speed of the fsb. But if you don't don't do this, I already have a Dell Xps laptop Overclcoked to 4.5 ghz (twiste

  • No ethernet or Wi - fi connection

    How can I get ethernet and wifi on my laptop? my brother has deleted a whole bunch of stuff on my phone and now I can't connect to internet I can not yet updated with windows please help!

  • Standard account has administrator priveliges.

    I use Windows 7 64-bit, and whenever I log on as a standard user on my PC, I strangely have the privileges of an administrator. I can manage accounts, install software, and many other things without being arrested or even invited by the UAC. Help, pl

  • Illustrator slows down the pc

    I'm not one with this problem, but I have not found a solution.After a few minutes (10-30 minutes) work in Illustrator, pc slows down everything (delay) - not only HERE, but throughout the system. It is the normal return after reboot I.I also work on