Entry: Post

Entry Module
Entry

Press Time: Using CSS Transform to Nudge a Button

Post Header Aside
Comments Actions Snippet
Comments Population
Comment Creation Ability
Post Content

Two of the ways in which you can show an illusion of a button being pressed are: darkening the background-color and nudging its vertical position.

See the Pen Press Time by Brian Dys Sahagun (@BrianSahagun) on CodePen.1820

It is important to provide for a hint when a user activates an element in your user interface (in this example, a button). The feedback assures the user that the element “responds” to his action.

The advantage of using transform: translateY is that it does not affect the elements around it (unlike using margin or padding).

Comment Module
Comments
Comments Header Aside
Comments Actions Snippet
Comments Population
Comment Creation Ability

There are no comments.

Comment Creation
Comment Author Comment Creation
Comment Author Name Creation
Comment Author Email Creation
Comment Author Website URL Creation