Drakkar.css

[Rakapudl]

Собрал анимации свои, буду добавлять постепенно. Одна новая в день - минимум. Посмотрим что получится. Пишите, можем вместе поработать, буду рад) Можно всякие сниппеты собрать, может пригодится кому.
http://rakapudl.github.io

[raptor-dm]

flip-top-left-c
явно имеет проблемы

[afdw]

Предлагаю вызжание/уезжание и анимации появления.

И да, что значит название?

[Rakapudl]

Предлагаю вызжание/уезжание и анимации появления.

И да, что значит название?

Драккар - это корабль викингов 10-11 века, который был одним из самых больших в то время. Ну, а я хочу собрать самую большую базу сниппетов в наше =)  

[antonKar]

Всегда забавляют непродуманные css-анимации, глючащие как только возможно при наведении мыши

[Rakapudl]

Всегда забавляют непродуманные css-анимации, глючащие как только возможно при наведении мыши

Я завтра уберу те, что с движением в отдельную группу, ибо такие keyframe анимации с hover без js не очень адекватно себя ведут

[afdw]

10% CPU необходимо вашей странице на Software Rendering.

[Rakapudl]

Всегда забавляют непродуманные css-анимации, глючащие как только возможно при наведении мыши

Посмотрите, теперь лучше?)

[antonKar]

Посмотрите, теперь лучше?)

Firefox 33, половина анимаций не работают

Edited March 27, 2015 by antonKar

[afdw]

Margin в низу страницы добавьте.

"flip-right-top-c" и "flip-right-bottom-c" в Chrome глючит.

 

"rotate" слабоват.

 

"hover-inf" в Chrome вообще не работает. Анимация такая медленная, что не заметил.  Потом в отладчике нашёл.

Edited March 27, 2015 by afdw

[Sergik+]

Думаю так лучше будет https://github.com/h5bp/Effeckt.css/

[afdw]

Попробовал перевести лого в SVG, вот что получилось(только текст уехал):

a {  font-size: 2.3em !important;  text-decoration: none;  color: #424f59 !important;  padding: 30px 20px !important;  display: block !important;  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 186 55" width="186pt" height="55pt" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#424f59" d=" M 181.16 0.00 L 182.28 0.00 C 182.44 1.90 182.73 3.80 182.72 5.72 C 181.08 6.56 179.32 7.14 177.61 7.83 C 181.69 13.02 184.15 19.27 186.00 25.54 L 186.00 33.73 C 183.54 45.81 171.00 54.34 158.97 53.70 C 121.63 53.60 84.29 53.73 46.95 53.67 C 39.91 53.59 32.70 54.22 25.87 52.11 C 19.60 50.20 12.88 47.85 8.77 42.41 C 2.86 34.71 1.19 24.82 0.00 15.44 L 0.00 6.36 C 1.38 7.64 2.86 8.81 4.47 9.79 C 4.92 13.93 4.63 18.20 5.85 22.22 C 7.77 25.88 11.83 27.71 15.29 29.65 C 19.47 31.43 23.30 34.29 27.93 34.78 C 36.58 36.02 45.28 36.97 54.01 37.39 C 70.68 37.27 87.35 38.13 104.02 37.73 C 120.84 37.76 137.73 37.46 154.40 35.04 C 162.52 33.64 171.47 31.29 176.20 23.90 C 176.52 16.58 171.14 10.54 169.89 3.51 C 173.10 2.62 176.33 1.65 179.70 1.69 C 180.06 1.26 180.80 0.42 181.16 0.00 Z" /></svg>') no-repeat transparent !important;  background-position: 50% 85% !important;  -webkit-background-size: 40% !important;  display: block;  margin: 0 auto !important;  height: 150px;  margin-top: -100px !important;}

Edited March 27, 2015 by afdw

[Rakapudl]

 

Попробовал перевести лого в SVG, вот что получилось(только текст уехал):

Спасибо вам большое =) Нет желания поучаствовать?) 

Edited March 27, 2015 by Rakapudl

[afdw]

 

 

Попробовал перевести лого в SVG, вот что получилось(только текст уехал):

Спасибо вам большое =) Нет желания поучаствовать?) 

 

А как?

[Rakapudl]

 

 

 

Попробовал перевести лого в SVG, вот что получилось(только текст уехал):

Спасибо вам большое =) Нет желания поучаствовать?) 

 

А как?

 

В гитхабе пул делайте, я только рад буду) 

[afdw]

 

 

 

 

Попробовал перевести лого в SVG, вот что получилось(только текст уехал):

Спасибо вам большое =) Нет желания поучаствовать?) 

 

А как?

 

В гитхабе пул делайте, я только рад буду) 

 

Так пул разрешён анонимам? Или как?

UPD: в смысле через пул реквест?

А где в репозитории HTML? Не тот репозиторий смотрел.

Edited March 27, 2015 by afdw

[Rakapudl]

 

 

 

 

 

Попробовал перевести лого в SVG, вот что получилось(только текст уехал):

Спасибо вам большое =) Нет желания поучаствовать?) 

 

А как?

 

В гитхабе пул делайте, я только рад буду) 

 

Так пул разрешён анонимам? Или как?

UPD: в смысле через пул реквест?

А где в репозитории HTML? Не тот репозиторий смотрел.

 

Форкните просто, а потом с него реквест делайте)