How to Apply CSS3 Effects and Transforms in Dreamweaver
The CSS3 effects and transforms can be defined in the CSS Styles panel. Creating a CSS3 effect takes some typing on your part. To add a CSS3 effect or transform to a style definition, follow these steps:
1
From the All tab of the CSS Styles panel, select the style and then click the Add Property link.
A new row becomes active at the bottom of the panel.
2
Choose either an effect from the drop-down list in the first (left) row of the new column or type Transform.
To apply an effect, such as border-radius, choose that effect from the menu.
To apply a transition, such as rotate, choose Transform from the menu. A second drop-down list then appears in the right column from which you can choose specific transforms (such as rotate, scale, skew, or translate).
3
Enter a value(s) for the transition or effect in the second column.
The amount of help you get varies. For example, if you define a border-radius effect, a handy dialog box pops up when you click the second column in the CSS Styles panel. Then click outside the popup dialog to apply the settings you selected.
4
When you finish defining effects and transitions, choose File→Save All to save both your open HTML document and the linked style sheet.
You can see the impact of your effects and transitions by previewing your page in a browser (choose File→Preview in Browser).
Web Design & Development Glossary
AJAX
asynchronous JavaScript and XML. A technique used in web page development.
Web Design & Development Glossary
API
application programming interface. A set of rules programs use to communicate with each other.
Web Design & Development Glossary
color stop
A special element that indicates a color to be added to a gradient.
Web Design & Development Glossary
FTP
File Transfer Protocol. A network protocol useful for transferring files in a client-server relationship.
Web Design & Development Glossary
HTML
HyperText Markup Language. The predominant language for building web pages.
Web Design & Development Glossary
HTTP
HyperText Transfer Protocol. The primary networking language for the Internet.
Web Design & Development Glossary
PHP
PHP Hypertext Processor. A scripting language that works well within HTML.
Web Design & Development Glossary
socket
A technology that allows remote computers to maintain a persistent connection in order to communicate with each other.
Web Design & Development Glossary
sprite
An graphic object on a web page that will be manipulated in real time.
Web Design & Development Glossary
SQL
Structured Query Language. A programming language useful in managing relational databases.
Web Design & Development Glossary
stateless protocol
An Internet procedure that completely breaks the connection between the client and the server after a transaction, meaning that the next transaction will require an entirely new connection.
Web Design & Development Glossary
Telnet
A network protocol useful in interactive, text-oriented communications.
Web Design & Development Glossary
W3C
World Wide Web Consortium. The organization that sets international standards for the World Wide Web.
