Skip to content

Commit 40e2d5d

Browse files
committed
📰 update 3D browser list. Welcome, Edge!
1 parent d91ce4c commit 40e2d5d

File tree

2 files changed

+9
-6
lines changed

2 files changed

+9
-6
lines changed

_includes/browsers-3d.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
11
<p class="intro">
2-
The 3D transforms in this demo work in latest <a href="http://www.apple.com/safari/">Safari</a>, latest <a href="http://www.google.com/chrome">latest Chrome</a>, latest <a href="http://www.mozilla.org/en-US/firefox/channel/">Firefox</a>, and versions of <a href="http://www.opera.com/developer/next">Opera</a> running the <a href="http://www.chromium.org/blink">Blink rendering engine</a>.
2+
The 3D transforms in this demo work in latest
3+
<a href="https://www.apple.com/safari/">Safari</a>, latest
4+
<a href="https://www.mozilla.org/en-US/firefox/">Firefox</a>,
5+
<a href="https://www.microsoft.com/en-us/windows/microsoft-edge">Microsoft Edge</a>,
6+
<a href="https://www.google.com/chrome">Chrome</a>, and versions of
7+
<a href="http://www.opera.com/">Opera</a> running the
8+
<a href="https://www.chromium.org/blink">Blink rendering engine</a>.
39
</p>

_posts/demos/0001-01-01-3d-flip-cards.html

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -285,14 +285,11 @@
285285
</script>
286286

287287
<h1><a href="http://css3playground.com">css3</a> // {{ page.title }}</h1>
288-
<p class="warning">
289-
The 3D transforms in this demo work in latest <a href="http://www.apple.com/safari/">Safari</a>, latest <a href="http://www.google.com/chrome">latest Chrome</a>, latest <a href="http://www.mozilla.org/en-US/firefox/channel/">Firefox</a>, and versions of <a href="http://www.opera.com/developer/next">Opera</a> running the <a href="http://www.chromium.org/blink">Blink rendering engine</a>.
290-
Browsers without 3D acceleration just switch the z-index, so you won't lose any functionality.
291-
</p>
288+
{% include browsers-3d.html %}
292289

293290
<p class="instructions">
294291
These cards are using <code>transform: rotateY() and rotateX();</code> with some of the 3D settings:
295-
<code>transform-style: preserve3d;</code> and <code>perspective</code>.<br>
292+
<code>transform-style: preserve3d;</code> and <code>perspective</code>. Browsers without 3D acceleration just switch the z-index, so you won't lose any functionality.
296293
</p>
297294

298295
<div class="hover panel">

0 commit comments

Comments
 (0)