Maybe you could use the 'left' property. Generally trial and error is
incredibly easy with transitions: set the element to transition every
property:
element {
transition: .3s;
}
Then try changing its properties on class or :hover / :focus state change,
or modify its properties directly with Firebug or Webkit's DOM Inspector.
Apple's website features an effect that sounds analogous to what you
describe, and it's achieved with transitions: when you click on the search
input field, a class is applied to the header wrapper (#globalheader),
which triggers new rules to be applied:
http://www.apple.com/uk/
Regards,
Barney Carroll
barney.carr...@gmail.com
+44 7429 177278
barneycarroll.com
On 23 April 2013 11:13, Anton Steiner <oe2...@yahoo.de> wrote:
> Hello
> CSS3 transitions are very amazing and i would try it for a
> search-bar. But the bar shoud expand to left. Is this possible with
> transitions? If found no solution to do so.
>
> Mny tx
> Anton
>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
