Enfold Showcase

well @freepixelweb : you don’t need a hardcoded thing for that if you are only thinking bout such a blur effect.
If you are using f.e. the shrinking logo effect there comes a new class to the header which you can use for the starting of a transition effect.

make a colorsection (maybe 100% of screenheight) give a class to that colorsection (in my case imgblur) try:

#header.header-scrolled + #main #av_section_1 {
filter: blur(5px);
-webkit-transition: 2s -webkit-filter linear;
-moz-transition: 2s -moz-filter linear;
-o-transition: 2s -o-filter linear;
transition: 2s filter linear;
}

you can see it here:
http://webers-testseite.de/enf02/beispiel-seite/

@Guenni007
Yes it works but only with Firefox. It do not works witg Safari, Chrome… :-(

@Guenni007 what I have is:

#header.header-scrolled + #main #fullscreen_slider_0 {
filter: blur(5px);
-webkit-filter': 'blur(5px);
-webkit-transition: 2s -webkit-filter linear;
-moz-transition: 2s -moz-filter linear;
-o-transition: 2s -o-filter linear;
transition: 2s filter linear;
}

>> No change… sorry

sorry: here is the rest and the missing imgblur class of that color section ( you want to have that effect ) to make it specific

#header.header-scrolled + #main #av_section_1.imgblur {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
-webkit-transition: 2s -webkit-filter linear;
-moz-transition: 2s -moz-filter linear;
-o-transition: 2s -o-filter linear;
transition: 2s filter linear;
}

on safari for Windows it does not work at all

• This reply was modified 9 years, 2 months ago by Guenni007.

hey DUALWERK – this slider is “awfully nice”.
Great job.
wow wow

ich sehe den Quellcode und komme doch nicht dahinter.
kannst du mal das als zip exportieren, und mir hochladen :lol:

ich würde gerne sehen wie das geht.

• This reply was modified 9 years, 2 months ago by Guenni007.

@DUALWORK
How did you customized the sortable tab (with portfolio items) on your werke page, cause it looks very nice!

• This reply was modified 9 years, 2 months ago by Devo.

Hi, my last customer website, for fishing people : http://www.sakura-fishing.com/

Regards.
Jean

Enfold makes it really easy and fun. I love this template and I am excited to see how my site evolves over time as I learn more about all of the options! Thanks!!!

I love the demos that have been put out. I really like to see how creative people get with using the elements, very inspiring. I think the Church demo is so very cool how it has everything laid out and the way they incorporated the music into the website is very nicely done.

What are some of the demos in the works?

Can’t wait to see what comes out next!!

Very nice, love the layouts. Nice use of colors too.

If you add this to your video URL you will get rid of the suggest videos at the end: ?rel=0&autoplay=1&

If it doesn’t work for you in the video element try using the code element with the video embedded.

Thanks for sharing your site!!

I like the scroll down Lars, you have a lot of information represented there.

I really like the way you staggered the circled images in the first white section, nice!!

Thanks.

Howdy ladies & gentleman,

great work and very inspiring examples! Good to see how many possibilities you got with enfold.

Here is one of mine:
http://dy1.de/

Best regards,
Alexander

@Monique, take a look, some custom css is used :

#top .custom-css-class:hover {
  box-shadow: 0 0 42px 5px rgba(0, 0, 0, 0.16);
  transition: all 0.6s ease-in-out 0s;
}
#top .custom-css-class {
  transition: all 0.4s ease-in-out 0s;
}
#top .sc-pt-image {
  box-shadow: 0 0 42px 5px rgba(0, 0, 0, 0.16);
  transition: all 2s ease-in-out 0s;
}
#top .sc-pt-image {
  margin-right: -200px !important;
  width: 350px !important;
}
#top .sc-pt-image:hover {
  transform: scale(1.04, 1.04);
  transition: all 2s ease-in-out 0s;
}

@jumamedia, simple use a entypo-fontello in place of home text, like this :
<span class="av-icon-char" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true" style="font-size:18px;line-height:18px;"></span>
Regards.
Jean

Hey Raymmar.. love the site! Think it is very engaging! :)
Did you just use the tools that were there? No custom coding?
Like it!