B.E.R.T. Wiki
Privacy policy
|
About B.E.R.T. Wiki
|
Disclaimers
Canyon Map/Test
From B.E.R.T. Wiki
Revision as of 10:40, 29 June 2018 by
Caseyd
(
talk
|
contribs
)
(
diff
)
← Older revision
|
Latest revision
(
diff
) |
Newer revision →
(
diff
)
<
Canyon Map
Hiding and Showing Elements
A demonstration of the differences in approach to hiding an element or group of elements in SVG, using the display, visibility, and opacity style properties. Written by Doug Schepers [
[email protected]
], September 2003.
Display
Visibilty
Opacity
As you can see, by clicking each circle above,
once you toggle 'visibility' or 'display', you can't
change it back, because it no longer responds to
click events; setting 'opacity' to 0 still allows
you to target it.
However, 'opacity' is the most computationally
expensive of the three, followed by 'visibility';
'display: none' is the cheapest, because it simply
does not render at all.
If you are trying to hide an entire group, except
for one particular member of that group, use
'visibility' as it is overrideable in inheritance.
Display
Visibilty
Opacity
Navigation menu
Main Page
|
About
|
Help
|
FAQ
|
Log in
Find
Browse
Main page
Recent changes
Random page
Help
This page
Page
Discussion
History
Tools
What links here
Related changes
Special pages
Permanent link
Page information