Skip to content

Commit 23ba4fe

Browse files
danedendaneden
committed
Add Slide animations to main and minified css files
1 parent f046118 commit 23ba4fe

File tree

3 files changed

+308
-2
lines changed

3 files changed

+308
-2
lines changed

‎animate.css‎

Lines changed: 306 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1640,6 +1640,312 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
16401640
}
16411641
}
16421642

1643+
@-webkit-keyframes slideInDown {
1644+
0% {
1645+
opacity: 0;
1646+
-webkit-transform: translateY(-2000px);
1647+
}
1648+
1649+
100% {
1650+
-webkit-transform: translateY(0);
1651+
}
1652+
}
1653+
1654+
@-moz-keyframes slideInDown {
1655+
0% {
1656+
opacity: 0;
1657+
-moz-transform: translateY(-2000px);
1658+
}
1659+
1660+
100% {
1661+
-moz-transform: translateY(0);
1662+
}
1663+
}
1664+
1665+
@-o-keyframes slideInDown {
1666+
0% {
1667+
opacity: 0;
1668+
-o-transform: translateY(-2000px);
1669+
}
1670+
1671+
100% {
1672+
-o-transform: translateY(0);
1673+
}
1674+
}
1675+
1676+
@keyframes slideInDown {
1677+
0% {
1678+
opacity: 0;
1679+
transform: translateY(-2000px);
1680+
}
1681+
1682+
100% {
1683+
transform: translateY(0);
1684+
}
1685+
}
1686+
1687+
.slideInDown {
1688+
-webkit-animation-name: slideInDown;
1689+
-moz-animation-name: slideInDown;
1690+
-o-animation-name: slideInDown;
1691+
animation-name: slideInDown;
1692+
}
1693+
1694+
@-webkit-keyframes slideInLeft {
1695+
0% {
1696+
opacity: 0;
1697+
-webkit-transform: translateX(-2000px);
1698+
}
1699+
1700+
100% {
1701+
-webkit-transform: translateX(0);
1702+
}
1703+
}
1704+
1705+
@-moz-keyframes slideInLeft {
1706+
0% {
1707+
opacity: 0;
1708+
-moz-transform: translateX(-2000px);
1709+
}
1710+
1711+
100% {
1712+
-moz-transform: translateX(0);
1713+
}
1714+
}
1715+
1716+
@-o-keyframes slideInLeft {
1717+
0% {
1718+
opacity: 0;
1719+
-o-transform: translateX(-2000px);
1720+
}
1721+
1722+
100% {
1723+
-o-transform: translateX(0);
1724+
}
1725+
}
1726+
1727+
@keyframes slideInLeft {
1728+
0% {
1729+
opacity: 0;
1730+
transform: translateX(-2000px);
1731+
}
1732+
1733+
100% {
1734+
transform: translateX(0);
1735+
}
1736+
}
1737+
1738+
.slideInLeft {
1739+
-webkit-animation-name: slideInLeft;
1740+
-moz-animation-name: slideInLeft;
1741+
-o-animation-name: slideInLeft;
1742+
animation-name: slideInLeft;
1743+
}
1744+
1745+
@-webkit-keyframes slideInRight {
1746+
0% {
1747+
opacity: 0;
1748+
-webkit-transform: translateX(2000px);
1749+
}
1750+
1751+
100% {
1752+
-webkit-transform: translateX(0);
1753+
}
1754+
}
1755+
1756+
@-moz-keyframes slideInRight {
1757+
0% {
1758+
opacity: 0;
1759+
-moz-transform: translateX(2000px);
1760+
}
1761+
1762+
100% {
1763+
-moz-transform: translateX(0);
1764+
}
1765+
}
1766+
1767+
@-o-keyframes slideInRight {
1768+
0% {
1769+
opacity: 0;
1770+
-o-transform: translateX(2000px);
1771+
}
1772+
1773+
100% {
1774+
-o-transform: translateX(0);
1775+
}
1776+
}
1777+
1778+
@keyframes slideInRight {
1779+
0% {
1780+
opacity: 0;
1781+
transform: translateX(2000px);
1782+
}
1783+
1784+
100% {
1785+
transform: translateX(0);
1786+
}
1787+
}
1788+
1789+
.slideInRight {
1790+
-webkit-animation-name: slideInRight;
1791+
-moz-animation-name: slideInRight;
1792+
-o-animation-name: slideInRight;
1793+
animation-name: slideInRight;
1794+
}
1795+
1796+
@-webkit-keyframes slideOutLeft {
1797+
0% {
1798+
-webkit-transform: translateX(0);
1799+
}
1800+
1801+
100% {
1802+
opacity: 0;
1803+
-webkit-transform: translateX(-2000px);
1804+
}
1805+
}
1806+
1807+
@-moz-keyframes slideOutLeft {
1808+
0% {
1809+
-moz-transform: translateX(0);
1810+
}
1811+
1812+
100% {
1813+
opacity: 0;
1814+
-moz-transform: translateX(-2000px);
1815+
}
1816+
}
1817+
1818+
@-o-keyframes slideOutLeft {
1819+
0% {
1820+
-o-transform: translateX(0);
1821+
}
1822+
1823+
100% {
1824+
opacity: 0;
1825+
-o-transform: translateX(-2000px);
1826+
}
1827+
}
1828+
1829+
@keyframes slideOutLeft {
1830+
0% {
1831+
transform: translateX(0);
1832+
}
1833+
1834+
100% {
1835+
opacity: 0;
1836+
transform: translateX(-2000px);
1837+
}
1838+
}
1839+
1840+
.slideOutLeft {
1841+
-webkit-animation-name: slideOutLeft;
1842+
-moz-animation-name: slideOutLeft;
1843+
-o-animation-name: slideOutLeft;
1844+
animation-name: slideOutLeft;
1845+
}
1846+
1847+
@-webkit-keyframes slideOutRight {
1848+
0% {
1849+
-webkit-transform: translateX(0);
1850+
}
1851+
1852+
100% {
1853+
opacity: 0;
1854+
-webkit-transform: translateX(2000px);
1855+
}
1856+
}
1857+
1858+
@-moz-keyframes slideOutRight {
1859+
0% {
1860+
-moz-transform: translateX(0);
1861+
}
1862+
1863+
100% {
1864+
opacity: 0;
1865+
-moz-transform: translateX(2000px);
1866+
}
1867+
}
1868+
1869+
@-o-keyframes slideOutRight {
1870+
0% {
1871+
-o-transform: translateX(0);
1872+
}
1873+
1874+
100% {
1875+
opacity: 0;
1876+
-o-transform: translateX(2000px);
1877+
}
1878+
}
1879+
1880+
@keyframes slideOutRight {
1881+
0% {
1882+
transform: translateX(0);
1883+
}
1884+
1885+
100% {
1886+
opacity: 0;
1887+
transform: translateX(2000px);
1888+
}
1889+
}
1890+
1891+
.slideOutRight {
1892+
-webkit-animation-name: slideOutRight;
1893+
-moz-animation-name: slideOutRight;
1894+
-o-animation-name: slideOutRight;
1895+
animation-name: slideOutRight;
1896+
}
1897+
1898+
@-webkit-keyframes slideOutUp {
1899+
0% {
1900+
-webkit-transform: translateY(0);
1901+
}
1902+
1903+
100% {
1904+
opacity: 0;
1905+
-webkit-transform: translateY(-2000px);
1906+
}
1907+
}
1908+
1909+
@-moz-keyframes slideOutUp {
1910+
0% {
1911+
-moz-transform: translateY(0);
1912+
}
1913+
1914+
100% {
1915+
opacity: 0;
1916+
-moz-transform: translateY(-2000px);
1917+
}
1918+
}
1919+
1920+
@-o-keyframes slideOutUp {
1921+
0% {
1922+
-o-transform: translateY(0);
1923+
}
1924+
1925+
100% {
1926+
opacity: 0;
1927+
-o-transform: translateY(-2000px);
1928+
}
1929+
}
1930+
1931+
@keyframes slideOutUp {
1932+
0% {
1933+
transform: translateY(0);
1934+
}
1935+
1936+
100% {
1937+
opacity: 0;
1938+
transform: translateY(-2000px);
1939+
}
1940+
}
1941+
1942+
.slideOutUp {
1943+
-webkit-animation-name: slideOutUp;
1944+
-moz-animation-name: slideOutUp;
1945+
-o-animation-name: slideOutUp;
1946+
animation-name: slideOutUp;
1947+
}
1948+
16431949
.animated.bounceIn {
16441950
-webkit-animation-name: bounceIn;
16451951
-moz-animation-name: bounceIn;

‎animate.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bower.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
22
"name": "animate.css",
3-
"version": "2.0.0",
3+
"version": "2.1.0",
44
"main": "./animate.css"
55
}

0 commit comments

Comments
 (0)